:root{--navy:#0b2d5f;--pink:#ff2d72;--ink:#10253f;--muted:#65768a;--line:#e9edf3;--soft:#f7f9fc;--shadow:0 16px 45px rgba(25,50,80,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins","Avenir Next","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}.guide-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(18px,5vw,70px);border-bottom:1px solid #eef1f5;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:5}.guide-header img{width:205px;max-height:56px;object-fit:contain}.guide-header nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#ff4f8c,#ff145e);color:#fff;font-weight:900;box-shadow:0 9px 22px rgba(255,45,114,.25)}.guide-hero{padding:70px clamp(20px,7vw,110px);background:radial-gradient(circle at 20% 30%,rgba(255,221,226,.55),transparent 36%),radial-gradient(circle at 80% 35%,rgba(212,239,255,.65),transparent 40%),linear-gradient(120deg,#fffaf7,#fff,#f6fbff);text-align:center}.crumbs{font-size:12px;color:#7b899a;margin-bottom:18px}.guide-hero .icon{font-size:58px;line-height:1}.guide-hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.04em;line-height:1;margin:12px 0;color:var(--navy)}.guide-hero p{max-width:760px;margin:18px auto 26px;color:#435a72;font-size:17px;line-height:1.7}.guide-main{max-width:1120px;margin:auto;padding:52px 22px 70px}.guide-main h2{font-size:32px;color:var(--navy);margin:0 0 14px}.lead{color:var(--muted);line-height:1.75;max-width:850px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 44px}.direction{padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(20,45,75,.05)}.direction span{font-size:29px}.direction strong{display:block;margin:10px 0 6px}.direction small{color:var(--muted);line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 46px}.step{background:var(--soft);border-radius:18px;padding:20px}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pink);color:#fff}.step strong{display:block;margin:12px 0 6px}.step p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.cta{padding:34px;border-radius:26px;background:linear-gradient(110deg,#fff2f7,#fff,#f2fbff);display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 46px}.cta h2{margin:0 0 6px}.cta p{margin:0;color:var(--muted)}.related{display:flex;flex-wrap:wrap;gap:10px}.related a{border:1px solid #dfe5ec;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;color:var(--navy)}.guide-footer{background:#0b2848;color:#fff;padding:28px clamp(20px,5vw,70px);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.guide-footer img{width:170px;background:#fff;border-radius:10px;padding:5px}.guide-footer div{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.guide-footer p{font-size:11px;color:#d3dfeb}.legal{max-width:900px;margin:auto;padding:58px 22px 80px}.legal h1{font-size:46px;color:var(--navy)}.legal h2{margin-top:34px;color:var(--navy)}.legal p,.legal li{line-height:1.75;color:#40566d}.legal a{color:#5d49c7;text-decoration:underline}
@media(max-width:760px){.guide-header{height:66px;padding:8px 14px}.guide-header img{width:155px}.guide-header nav a:not(.pill){display:none}.guide-header .pill{padding:10px 12px;font-size:11px}.guide-hero{padding:46px 18px}.guide-hero h1{font-size:44px}.guide-hero p{font-size:15px}.guide-main{padding:40px 16px 58px}.directions{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.cta{display:block;text-align:center;padding:26px 18px}.cta .pill{margin-top:18px}.guide-footer{justify-content:center;text-align:center}.guide-footer img{margin:auto}.guide-footer div{justify-content:center}.legal h1{font-size:38px}}
@media(max-width:420px){.directions{grid-template-columns:1fr 1fr}.direction{padding:15px}.direction span{font-size:25px}.direction strong{font-size:13px}.direction small{font-size:10px}}