:root{--ink:#f4f6ff;--muted:#b9c4e3;--bg:#040717;--card:#101831;--line:rgba(170,193,255,.15);--accent:#6481ff;--accent2:#92a5ff}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.guide-page{margin:0;min-height:100vh;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 23% 0%,rgba(41,72,168,.35) 0%,transparent 38%),radial-gradient(ellipse at 100% 18%,rgba(27,47,109,.45) 0%,transparent 42%),linear-gradient(180deg,#080e22 0%,#050816 55%,#030510 100%);line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:#c3d0ff}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #b2c7ff;outline-offset:4px}
.guide-skip{position:absolute;z-index:200;top:-90px;left:10px;background:#fff;color:#000;padding:10px 18px}.guide-skip:focus{top:10px}
.guide-header{position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.10);background:rgba(5,9,26,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.guide-header-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px;max-width:1320px;width:calc(100% - 72px);margin:auto;gap:24px}
.guide-brand{display:flex;align-items:center;gap:10px}.guide-brand img:first-child{object-fit:contain;width:43px;height:55px}.guide-brand img:nth-child(2){width:108px;height:auto}
.guide-desktop-nav{display:flex;gap:30px;align-items:center;font-weight:680;font-size:15px}.guide-desktop-nav>a,.guide-dropdown>a{color:#f8f9fe;white-space:nowrap}.guide-dropdown{display:flex;align-items:center;gap:7px;position:relative;min-height:68px}.guide-dropdown-toggle{border:0;background:transparent;color:#fff;cursor:pointer;font-size:25px;line-height:1;width:25px;height:35px}.guide-dropdown-items{display:none;position:absolute;right:-15px;top:75%;min-width:245px;padding:9px;background:#0d1530;border:1px solid rgba(169,193,255,.25);box-shadow:0 15px 40px rgba(0,0,0,.35);border-radius:10px}.guide-dropdown-items a{display:block;padding:8px 11px;color:#e9efff;border-radius:6px;font-size:13px}.guide-dropdown-items a:hover,.guide-dropdown-items a[aria-current=page]{background:rgba(89,119,240,.25)}.guide-dropdown:hover .guide-dropdown-items,.guide-dropdown:focus-within .guide-dropdown-items,.guide-dropdown.open .guide-dropdown-items{display:block}
.guide-burger,.guide-mobile-nav{display:none}
.guide-main{max-width:1030px;width:calc(100% - 48px);margin:0 auto;padding:20px 0 94px}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#a7b2d0;font-size:13px;margin:22px 0 38px}.guide-breadcrumb>a{color:#b1c1ec}.guide-breadcrumb>a:hover{text-decoration:underline}.guide-breadcrumb>span:last-child{color:#e4e9ff}
.guide-hero{padding:35px 0 56px;position:relative}.guide-hero:before{content:"";position:absolute;z-index:-1;left:-90px;top:-95px;width:450px;height:350px;filter:blur(80px);background:rgba(48,78,184,.17);border-radius:50%}.guide-kicker{font-size:12px;letter-spacing:.17em;font-weight:780;color:var(--accent2)}.guide-hero h1{font-size:clamp(45px,6.2vw,75px);line-height:1.1;letter-spacing:-.055em;max-width:1000px;margin:19px 0 18px}.guide-hero-small h1{font-size:clamp(38px,5.2vw,62px)}.guide-lead{font-size:clamp(17px,1.9vw,21px);color:#c6cce3;max-width:760px;line-height:1.65;margin:0 0 27px}
.guide-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;padding:14px 21px;background:#486ad4;color:#fff;font-size:15px;font-weight:760;box-shadow:0 7px 25px rgba(54,85,203,.17);transition:background .2s,transform .2s}.guide-cta:hover{background:#587cf7;color:white;transform:translateY(-2px)}.guide-cta span{font-size:18px}
.guide-section{border-top:1px solid var(--line);padding:34px 0 40px}.guide-section h2{font-size:clamp(24px,2.7vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0 0 17px}.guide-section>p{color:#c7cee3;font-size:16px;max-width:850px}.guide-note{background:rgba(83,120,228,.12);border:1px solid rgba(125,155,248,.28);padding:17px 21px;border-radius:11px;color:#d7e0ff;line-height:1.6;margin:23px 0 4px}.guide-note strong{color:#fff}
.claim-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.claim-steps li{display:flex;gap:17px;align-items:flex-start;background:rgba(18,27,57,.74);border:1px solid var(--line);padding:18px;border-radius:12px}.claim-steps li>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:10px;background:rgba(77,109,227,.23);color:#b9c8ff;font-size:15px;font-weight:850}.claim-steps strong{font-size:16px}.claim-steps p{margin:4px 0 0;color:#b8c1da}.claim-steps li>div{align-self:center}
.guide-section-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-section-heading h2{margin-bottom:8px}.guide-section-heading p{color:var(--muted);margin:0}
.wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.wallet-card{display:flex;align-items:center;gap:13px;background:rgba(16,24,49,.88);border:1px solid rgba(160,186,255,.18);border-radius:12px;padding:19px 17px;transition:border-color .2s,transform .2s,background .2s}.wallet-card:hover{background:rgba(34,49,95,.95);border-color:#7994f0;transform:translateY(-2px)}.wallet-orb{display:grid;place-items:center;height:34px;width:34px;border-radius:50%;background:#3b528d;color:#f3f6ff;font-weight:800;flex-shrink:0}.wallet-card>span:nth-child(2){font-weight:720}.wallet-arrow{color:#a7b9f1;margin-left:auto}
.reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.reward-grid>div{border-radius:11px;background:rgba(19,30,63,.86);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:5px}.reward-grid strong{font-size:15px;color:#c5cce7}.reward-grid span{font-size:30px;letter-spacing:-.04em;font-weight:780;color:#fff}.guide-muted{font-size:13px!important;color:#a0abc7!important}
.other-wallets{display:flex;flex-wrap:wrap;gap:12px}.other-wallets a{border:1px solid var(--line);padding:7px 13px;border-radius:8px;color:#d5dfff;background:rgba(16,24,49,.8);font-size:14px}.other-wallets a:hover{border-color:#7892f2;background:#1b2b5c}
.guide-bottom-cta{margin-top:17px;border-radius:18px;border:1px solid var(--line);padding:35px 40px;background:linear-gradient(110deg,rgba(41,65,145,.5),rgba(16,22,47,.9))}.guide-bottom-cta h2{font-size:31px;letter-spacing:-.03em;margin:0 0 9px}.guide-bottom-cta p{color:#c6cde3;margin:0 0 23px}.guide-text-link{display:inline-block;margin:0 0 0 23px;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:#cbd7ff}
.guide-footer{border-top:1px solid rgba(255,255,255,.11);background:#030611;color:#9ca8c4;font-size:13px}.guide-footer-inner{max-width:1320px;width:calc(100% - 72px);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;padding:26px 0}.guide-footer-links{display:flex;gap:20px;flex-wrap:wrap}.guide-footer-links a:hover{text-decoration:underline}
@media(max-width:800px){.guide-header-inner{width:calc(100% - 36px);min-height:71px}.guide-desktop-nav{display:none}.guide-burger{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:8px;cursor:pointer}.guide-burger span{width:20px;height:2px;background:white;border-radius:3px}.guide-mobile-nav:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;padding:15px 23px 23px;background:#0a1432;border-bottom:1px solid rgba(170,193,255,.25);box-shadow:0 23px 38px rgba(0,0,0,.4);max-height:78vh;overflow-y:auto}.guide-mobile-nav>a,.guide-mobile-subtoggle{display:block;width:100%;font-size:14px;padding:11px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:white;text-align:left;font-weight:600}.guide-mobile-subtoggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.guide-mobile-submenu:not([hidden]){display:flex;flex-direction:column;gap:3px;background:rgba(255,255,255,.04);padding:10px 17px}.guide-mobile-submenu a{padding:7px 0;font-size:13px;color:#d1dbff}.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-footer-inner{width:calc(100% - 40px)}}
@media(max-width:500px){.guide-main{width:calc(100% - 34px);padding-top:15px;padding-bottom:60px}.guide-breadcrumb{gap:7px;font-size:11px;margin:12px 0 24px}.guide-hero{padding:12px 0 40px}.guide-hero h1{font-size:43px}.guide-hero-small h1{font-size:37px}.guide-lead{font-size:16px}.guide-section{padding:28px 0}.guide-section h2{font-size:25px}.wallet-grid{grid-template-columns:1fr}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-bottom-cta{padding:25px}.guide-text-link{margin:17px 0 0;display:block}.guide-footer-inner{padding:20px 0}.guide-footer-links{gap:12px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V4 — wallet dropdown content never expands beyond menu / viewport. */
.guide-dropdown-items{width:225px;min-width:0;max-width:min(225px,calc(100vw - 24px));max-height:min(68vh,470px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;right:0}
.guide-dropdown-items a{display:block;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}

/* V5: same self-contained wallet illustrations on every guide and menu. */
.wallet-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px;border-radius:6px}
.wallet-label{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-dropdown-items a{display:flex;gap:11px;align-items:center;min-height:43px;white-space:nowrap;overflow-wrap:normal}
.guide-dropdown:focus-within:not(.open):not(:hover) .guide-dropdown-items{display:none}
.guide-mobile-submenu a{display:flex;align-items:center;gap:10px;min-height:38px}
.wallet-card .wallet-card-icon{height:36px;width:36px;flex:0 0 36px;border-radius:9px}
.other-wallets a{display:inline-flex;align-items:center;gap:9px}

/* V6 — mobile-first navigation and touch usability fixes. */
@media (max-width:1024px) {
 .guide-header-inner{width:calc(100% - 36px);min-height:71px}
 .guide-desktop-nav{display:none}
 .guide-burger{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:8px;cursor:pointer}
 .guide-burger span{width:20px;height:2px;background:white;border-radius:3px}
 .guide-mobile-nav:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;padding:14px max(18px,env(safe-area-inset-right)) 22px max(18px,env(safe-area-inset-left));background:#0a1432;border-bottom:1px solid rgba(170,193,255,.25);box-shadow:0 23px 38px rgba(0,0,0,.4);max-height:min(78vh,calc(100dvh - 71px));overflow-y:auto;overscroll-behavior:contain}
 .guide-mobile-nav>a,.guide-mobile-subtoggle{display:flex;align-items:center;min-height:44px;width:100%;font-size:15px;padding:10px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:white;text-align:left;font-weight:600}
 .guide-mobile-subtoggle{justify-content:space-between;cursor:pointer}
 .guide-mobile-submenu:not([hidden]){display:flex;flex-direction:column;gap:3px;background:rgba(255,255,255,.04);padding:8px 12px}
 .guide-mobile-submenu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 3px;font-size:14px;color:#d1dbff}
}
@media(max-width:500px){
 .guide-hero-small h1{font-size:clamp(31px,9.3vw,37px);overflow-wrap:break-word}
 .guide-hero h1{overflow-wrap:break-word}
 .guide-hero:before{max-width:100vw}
 .guide-breadcrumb{line-height:1.5}
 .guide-cta{min-height:48px;max-width:100%;text-align:center}
 .guide-text-link{min-height:44px;display:inline-flex;align-items:center}
 .wallet-card{min-height:58px}
 .other-wallets a{min-height:44px;display:flex;align-items:center}
 .guide-bottom-cta{overflow-wrap:anywhere}
 .guide-footer-links a{min-height:36px;display:inline-flex;align-items:center}
}

@media(max-width:1024px){body.guide-page.guide-menu-open{overflow:hidden}}