.practical-page-wrapper{z-index:2;box-sizing:border-box;flex-direction:column;gap:3rem;width:100%;max-width:1140px;margin:0 auto;padding:6.5rem 1.5rem 4.5rem;display:flex;position:relative}.practical-hero{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding-top:1rem;display:flex}.practical-title{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.15;font-family:var(--font-display,sans-serif);letter-spacing:-.02em;text-shadow:0 0 40px #00e1ff40;margin:0}.practical-title .text-accent{background:linear-gradient(135deg,#00e1ff 0%,#39ff14 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.practical-subtitle{color:#cbd5e1;max-width:680px;font-size:clamp(1.02rem,1.8vw,1.18rem);line-height:1.65;font-family:var(--font-outfit,sans-serif);margin:0}.practical-empty{color:#cbd5e1;max-width:560px;margin:0 auto 2rem}.practical-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.6rem;display:grid}.practical-card{--card-accent:#00e1ff;--card-glow:#00e1ff1f;--card-border-hover:#00e1ff73;--tag-bg:#00e1ff1a;--tag-color:#00e1ff;-webkit-backdrop-filter:blur(16px);background:linear-gradient(160deg,#0e1430c7 0%,#050816e6 100%);border:1px solid #ffffff17;border-radius:22px;flex-direction:column;gap:.9rem;padding:1.65rem 1.75rem;scroll-margin-top:110px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0006}.practical-card:before{content:"";background:radial-gradient(circle at top left, var(--card-glow), transparent 70%);pointer-events:none;opacity:.6;height:120px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.practical-card:hover{border-color:var(--card-border-hover);box-shadow:0 24px 50px #00000080, 0 0 30px var(--card-glow);transform:translateY(-5px)}.practical-card:hover:before{opacity:1}.practical-card.theme-violet{--card-accent:#bd00ff;--card-glow:#bd00ff2e;--card-border-hover:#bd00ff80;--tag-bg:#bd00ff1f;--tag-color:#d946ef}.practical-card.theme-cyan{--card-accent:#00e1ff;--card-glow:#00e1ff2e;--card-border-hover:#00e1ff80;--tag-bg:#00e1ff1f;--tag-color:#00e1ff}.practical-card.theme-green{--card-accent:#39ff14;--card-glow:#39ff142e;--card-border-hover:#39ff1473;--tag-bg:#39ff141f;--tag-color:#4ade80}.practical-card.theme-blue{--card-accent:#38bdf8;--card-glow:#38bdf82e;--card-border-hover:#38bdf880;--tag-bg:#38bdf81f;--tag-color:#38bdf8}.practical-card.theme-pink{--card-accent:#ff007f;--card-glow:#ff007f2e;--card-border-hover:#ff007f80;--tag-bg:#ff007f1f;--tag-color:#fb7185}.practical-card.theme-rose{--card-accent:#f43f5e;--card-glow:#f43f5e2e;--card-border-hover:#f43f5e80;--tag-bg:#f43f5e1f;--tag-color:#fda4af}.practical-card.theme-amber{--card-accent:#fbbf24;--card-glow:#fbbf242e;--card-border-hover:#fbbf2480;--tag-bg:#fbbf241f;--tag-color:#fde047}.practical-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.practical-card-icon{width:44px;height:44px;color:var(--card-accent);background:var(--tag-bg);border:1px solid var(--card-border-hover);box-shadow:0 0 16px var(--card-glow);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:inline-flex}.practical-card:hover .practical-card-icon{transform:scale(1.05)}.practical-card-tag{font-family:var(--font-outfit), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tag-color);background:var(--tag-bg);border:1px solid #ffffff14;border-radius:20px;padding:.3rem .7rem;font-size:.7rem;font-weight:700}.practical-card-title{color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:800;font-family:var(--font-outfit,sans-serif);margin:0}.practical-card-content{flex-direction:column;gap:.65rem;display:flex}.practical-card-text{color:#e2e8f0;margin:0;font-size:.95rem;line-height:1.68}.practical-strong{color:#fff;font-weight:700}.practical-card-tip{border-left:3px solid var(--card-accent);color:#f1f5f9;background:#ffffff0a;border-radius:0 10px 10px 0;margin-top:.3rem;padding:.7rem .9rem;font-size:.91rem}.practical-card-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.practical-card-list li{color:#e2e8f0;padding-left:1.35rem;font-size:.94rem;line-height:1.6;position:relative}.practical-card-list li:before{content:"";background:var(--card-accent);width:6px;height:6px;box-shadow:0 0 8px var(--card-accent);border-radius:50%;position:absolute;top:.55rem;left:0}.practical-footer-box{text-align:center;-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#131a3cb3 0%,#0a0e23d9 100%);border:1px solid #00e1ff33;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;padding:2.2rem 2rem;display:flex;box-shadow:0 20px 45px #0006,0 0 35px #00e1ff1a}.practical-footer-text h3{color:#fff;font-size:1.35rem;font-weight:800;font-family:var(--font-outfit,sans-serif);margin:0 0 .45rem}.practical-footer-text p{color:#94a3b8;margin:0;font-size:1rem}.practical-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;display:flex}.practical-contact-btn{color:#00e1ff;font-family:var(--font-outfit), sans-serif;background:#00e1ff14;border:1px solid #00e1ff59;border-radius:30px;align-items:center;gap:.55rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.practical-contact-btn:hover{color:#fff;background:#00e1ff2e;border-color:#00e1ff;transform:translateY(-2px);box-shadow:0 0 20px #00e1ff4d}@media (max-width:640px){.practical-page-wrapper{gap:2rem;padding:5.5rem 1rem 3rem}.practical-card{padding:1.35rem}.practical-footer-box{padding:1.6rem 1.25rem}.practical-cta-row{flex-direction:column;width:100%}.practical-cta-row a{justify-content:center;width:100%}}