:root{--bg:#070b17;--panel:#11182c;--panel2:#0c1325;--border:rgba(115,146,205,.18);--muted:#8492b2;--text:#f5f7ff;--red:#55d7ff;--red2:#ffb347;--green:#27e0a1;--green2:#5cf3c3;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(85,215,255,.12),transparent 34%),radial-gradient(circle at 88% 10%,rgba(255,179,71,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.guide-container{width:min(1240px,calc(100% - 40px));margin:0 auto}.guide-header{position:sticky;top:0;z-index:30;background:rgba(7, 11, 23,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.guide-header-inner{min-height:78px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f4f8fc;font-weight:900;white-space:nowrap}.logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#55d7ff,#ffb347);box-shadow:0 10px 30px rgba(85,215,255,.18)}.logo-text{font-size:18px}.logo-text span{color:var(--red2)}.guide-nav{display:flex;align-items:center;gap:34px;margin-left:auto;flex:0 0 auto;overflow-x:auto;scrollbar-width:none}.guide-nav::-webkit-scrollbar{display:none}.guide-nav a{position:relative;padding:0;color:#697883;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border-radius:0}.guide-nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--red2);transition:width .2s ease}.guide-nav a:hover{color:#f4f8fc}.guide-nav a:hover::after{width:100%}.guide-nav a.active{color:#f4f8fc;background:transparent;box-shadow:none}.guide-nav a.active::after{width:100%}.header-actions{display:flex;gap:8px}.btn,.header-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}.btn-secondary{border:1px solid var(--border);color:#f4f8fc;background:transparent}.btn-primary,.header-action{background:linear-gradient(145deg,#55d7ff,#ffb347);color:#f4f8fc;border:1px solid rgba(244, 248, 252,.08)}.guide-hero{padding:82px 0 55px;border-bottom:1px solid rgba(244, 248, 252,.05)}.eyebrow,.step{color:#ff34a1;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.guide-hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.045em;margin:13px 0 20px;max-width:900px}.guide-hero h1 span{color:var(--red2)}.hero-lead{max-width:840px;color:#aebcc6;font-size:17px;line-height:1.8;margin:0}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-pills span{border:1px solid var(--border);border-radius:999px;padding:7px 12px;color:#aebcc6;background:rgba(244, 248, 252,.025);font-size:11px;font-weight:800}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding-top:34px}.toc{position:sticky;top:105px;align-self:start;border:1px solid var(--border);background:rgba(6, 10, 16,.78);border-radius:18px;padding:17px;max-height:calc(100vh - 125px);overflow:auto}.toc strong{display:block;font-size:10px;letter-spacing:.16em;color:#aebcc6;margin-bottom:10px}.toc a{display:block;color:#697883;text-decoration:none;font-size:12px;padding:7px 4px}.toc a:hover{color:#f4f8fc}.guide-content{min-width:0}.guide-card{scroll-margin-top:100px;background:linear-gradient(145deg,rgba(9, 14, 21,.98),rgba(6, 10, 16,.98));border:1px solid var(--border);border-radius:22px;padding:30px;margin-bottom:18px;box-shadow:var(--shadow)}.guide-card.compact{padding-bottom:24px}.guide-card h2{font-size:clamp(23px,3vw,31px);line-height:1.15;margin:8px 0 12px}.guide-card p{color:#aebcc6;margin:0 0 17px}.guide-card strong{color:#f4f8fc}.steps{margin:18px 0 0;padding-left:22px}.steps li{padding:8px 0;color:#aebcc6}.steps li::marker{color:var(--red2);font-weight:900}.info-grid,.success-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.info-grid>div,.success-grid>div{border:1px solid var(--border);border-radius:15px;background:rgba(244, 248, 252,.025);padding:17px}.info-grid strong{display:block;font-size:13px}.info-grid span{display:block;color:#697883;font-size:12px;margin-top:4px}.notice{border-radius:15px;padding:16px 18px;margin-top:20px;border:1px solid var(--border);color:#aebcc6;background:rgba(244, 248, 252,.025)}.notice.warning{border-color:rgba(219, 105, 211,.25);background:rgba(132, 53, 128,.10)}.notice.green{border-color:rgba(10, 170, 130,.28);background:rgba(5, 63, 51,.22)}.notice.red{border-color:rgba(255, 52, 161,.3);background:rgba(65, 88, 150,.16)}.result-box{margin-top:20px;border-left:3px solid var(--green);background:rgba(10, 170, 130,.07);padding:17px 18px;color:#aebcc6;border-radius:0 12px 12px 0}.numbered-callout{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid rgba(244, 248, 252,.06)}.numbered-callout:last-child{border-bottom:0}.numbered-callout>span{width:32px;height:32px;border-radius:10px;background:rgba(85,215,255,.12);color:#ff34a1;display:grid;place-items:center;font-weight:900;font-size:11px;flex:0 0 auto}.numbered-callout strong{display:block}.numbered-callout p{margin:2px 0 0;font-size:13px}.lp-diagram{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:24px 0;padding:20px;border:1px solid var(--border);border-radius:18px;background:#060a10}.lp-diagram>div{display:flex;align-items:center;gap:10px}.lp-diagram b{padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:#090e15;font-size:13px}.lp-diagram>div>span{color:#2a3741;font-weight:900}.lp-diagram>i{color:#2a3741;font-size:11px}.lp-result{display:flex!important;flex-direction:column;align-items:flex-start!important}.lp-result b{border-color:rgba(10, 170, 130,.3);color:#18e0ae}.lp-result small{color:#2a3741}.muted{color:#697883!important;font-size:13px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.link-grid a{display:block;text-decoration:none;color:#f4f8fc;border:1px solid var(--border);border-radius:15px;padding:16px;background:rgba(244, 248, 252,.025)}.link-grid a:hover{border-color:rgba(255, 52, 161,.4);transform:translateY(-1px)}.link-grid strong{display:block}.link-grid span{display:block;color:#697883;font-size:11px;margin-top:3px}.external-link{display:inline-flex;margin-top:15px;color:#ff34a1;font-weight:800;font-size:13px;text-decoration:none}.success-grid b{color:var(--red2);font-size:12px}.success-grid h3{font-size:14px;margin:4px 0}.success-grid p{font-size:12px;margin:0;color:#697883}.championship-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.championship-flow>div{border:1px solid var(--border);border-radius:15px;padding:16px;background:rgba(244, 248, 252,.025)}.championship-flow span{width:28px;height:28px;border-radius:9px;background:rgba(85,215,255,.12);color:#ff34a1;display:grid;place-items:center;font-size:11px;font-weight:900}.championship-flow strong{display:block;font-size:13px;margin-top:9px}.championship-flow small{display:block;color:#697883;font-size:11px;line-height:1.5;margin-top:3px}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.checklist label{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(244, 248, 252,.025)}.checklist label>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(10, 170, 130,.12);color:#18e0ae;font-weight:900;font-size:12px;flex:0 0 auto}.checklist strong{display:block;font-size:12px}.checklist small{display:block;color:#697883;font-size:11px;line-height:1.45;margin-top:2px}.final-warning{margin-top:20px;border:1px solid rgba(255, 52, 161,.32);background:linear-gradient(145deg,rgba(165, 16, 91,.25),rgba(6, 10, 16,.7));border-radius:17px;padding:20px}.final-warning strong{font-size:15px}.final-warning p{margin:5px 0 0;color:#aebcc6;font-size:12px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links a{border:1px solid var(--border);border-radius:10px;padding:10px 13px;color:#aebcc6;text-decoration:none;font-size:12px;font-weight:800}.related-links a:hover{color:#f4f8fc;border-color:rgba(255, 52, 161,.4)}.guide-footer{border-top:1px solid var(--border);margin-top:20px;padding:24px 0;color:#2a3741;font-size:11px}.guide-footer .guide-container{display:flex;justify-content:space-between;gap:15px}
@media(max-width:1100px){.guide-header-inner{gap:15px}.guide-nav a{padding:0}.guide-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.guide-header-inner{min-height:70px}.guide-nav{order:3;flex-basis:100%;width:100%;padding-bottom:9px}.guide-header-inner{flex-wrap:wrap;padding-top:10px}.header-actions{margin-left:auto}.guide-layout{grid-template-columns:1fr}.toc{position:static;max-height:none;display:flex;gap:4px;overflow-x:auto;white-space:nowrap}.toc strong{display:none}.toc a{padding:8px 10px;border:1px solid var(--border);border-radius:9px}.championship-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.guide-container{width:min(100% - 24px,1240px)}.guide-hero{padding:55px 0 35px}.guide-hero h1{font-size:42px}.hero-lead{font-size:15px}.guide-card{padding:22px 18px;border-radius:18px}.info-grid,.success-grid,.checklist,.link-grid{grid-template-columns:1fr}.lp-diagram{align-items:stretch;flex-direction:column}.lp-diagram>div{justify-content:center}.lp-diagram>i{text-align:center}.championship-flow{grid-template-columns:1fr}.guide-footer .guide-container{flex-direction:column}.header-action{display:none}.header-actions .btn{padding:0 11px}.logo-text{font-size:16px}}

/* Phantom transaction warning — additive guide-only styling. */
.phantom-warning-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,343px);gap:24px;align-items:center;margin-top:22px;padding:22px;border:1px solid rgba(255, 52, 161,.30);border-radius:18px;background:linear-gradient(145deg,rgba(165, 16, 91,.16),rgba(244, 248, 252,.02))}.phantom-warning-copy h3{font-size:20px;line-height:1.2;margin:8px 0 10px}.phantom-warning-copy p{font-size:13px;margin:0 0 12px}.phantom-warning-copy .muted{margin-bottom:0}.phantom-warning-image{margin:0;min-width:0;text-align:center}.phantom-warning-image img{display:block;width:100%;max-width:343px;height:auto;margin:0 auto;border:1px solid rgba(244, 248, 252,.10);border-radius:12px;background:#03060a;box-shadow:0 18px 45px rgba(3, 6, 10,.30)}.phantom-warning-image figcaption{margin-top:8px;color:#697883;font-size:10px;line-height:1.45}.phantom-warning-card + .notice{margin-top:18px}
@media(max-width:700px){.phantom-warning-card{grid-template-columns:1fr;padding:18px}.phantom-warning-image img{max-width:min(343px,100%)} }


/* CHIPPMUNK BRANDING — visual-only theme override */
.logo .chippmunk-logo{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:block;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 8px 28px rgba(255,52,161,.20),0 0 24px rgba(35,219,255,.10);
}
.logo .logo-text{
    color:#f4f8fc;
}
.logo .logo-text span{
    color:transparent !important;
    background:linear-gradient(90deg,#ff34a1 0%,#a467ff 42%,#23dbff 72%,#19d9a6 100%);
    -webkit-background-clip:text;
    background-clip:text;
}
.legal-logo .chippmunk-logo{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:block;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 8px 28px rgba(255,52,161,.20),0 0 24px rgba(35,219,255,.10);
}
.legal-logo-text{
    color:#f4f8fc !important;
    font-weight:900;
}
.legal-logo-text span{
    color:transparent !important;
    background:linear-gradient(90deg,#ff34a1 0%,#a467ff 42%,#23dbff 72%,#19d9a6 100%);
    -webkit-background-clip:text;
    background-clip:text;
}


/* =========================================================
   LOGGED-IN DASHBOARD HEADER
   Guide-only copy of the existing dashboard header styling.
   ========================================================= */
.dashboard-header {
    position: sticky;
    top: 0;
    z-index: 900;
    background: rgba(3, 6, 10, .94);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.dashboard-header .container {
    width: min(1240px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}

.dashboard-header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 35px;
}

.dashboard-navigation {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-left: auto;
}

.dashboard-navigation a {
    position: relative;
    color: #697883;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: color .25s ease;
    white-space: nowrap;
}

.dashboard-navigation a:hover,
.dashboard-navigation a.active {
    color: #f4f8fc;
}

.dashboard-navigation a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -28px;
    height: 2px;
    background: var(--red2);
}

.dashboard-user {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-left: 0;
}

.dashboard-user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.dashboard-user-info span {
    color: #2a3741;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.dashboard-user-info strong {
    max-width: 220px;
    overflow: hidden;
    color: #aebcc6;
    font-size: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-logout {
    padding: 8px 12px;
    color: #e11b78;
    background: rgba(225, 27, 120, .08);
    border: 1px solid rgba(225, 27, 120, .2);
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.dashboard-logout:hover {
    color: #f4f8fc;
    background: rgba(225, 27, 120, .2);
    border-color: rgba(225, 27, 120, .4);
}

@media (max-width: 1050px) {
    .dashboard-navigation {
        gap: 18px;
        margin-left: auto;
    }
}

@media (max-width: 800px) {
    .dashboard-header-inner {
        min-height: 70px;
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .dashboard-navigation {
        order: 3;
        width: 100%;
        margin: 0;
        padding-top: 4px;
        overflow-x: auto;
        justify-content: center;
    }

    .dashboard-navigation a.active::after {
        bottom: -10px;
    }

    .dashboard-user {
        margin-left: auto;
    }

    .dashboard-user-info {
        display: none;
    }
}

@media (max-width: 480px) {
    .dashboard-header-inner {
        gap: 12px;
    }

    .dashboard-header .logo-text {
        font-size: 17px;
    }

    .dashboard-logout {
        padding: 7px 9px;
        font-size: 8px;
    }

    .dashboard-navigation {
        justify-content: flex-start;
        gap: 22px;
    }

    .dashboard-navigation a {
        font-size: 10px;
    }
}


/* Chippmunk shared visual language — keeps the guide aligned with the main site. */
:root{--bg:#050914;--panel:#111a31;--panel2:#0b1224;--border:rgba(109,127,177,.19);--muted:#8291b4;--text:#f5f7ff;--red:#55d7ff;--red2:#9a72ff;--green:#27e0a1;--shadow:0 24px 70px rgba(0,0,0,.34)}
body{background:radial-gradient(circle at 15% 0%,rgba(41,216,239,.10),transparent 34%),radial-gradient(circle at 88% 8%,rgba(142,100,255,.11),transparent 34%),#050914;color:var(--text)}
.guide-header{background:rgba(5,9,20,.90);border-bottom-color:rgba(109,127,177,.19)}
.guide-card,.toc{background:linear-gradient(145deg,rgba(17,26,49,.96),rgba(9,15,30,.98));border-color:rgba(109,127,177,.19)}
.logo-mark{background:linear-gradient(145deg,#22d3ee,#8b5cf6);box-shadow:0 10px 30px rgba(66,120,240,.22)}
.logo-text{letter-spacing:-.025em;color:#f5f7ff}.logo-text span{background:linear-gradient(90deg,#62e7ff,#9a72ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary,.header-action{background:linear-gradient(100deg,#25d5eb,#8b5cf6);color:#06101a}
@media(max-width:620px){.guide-header-inner{gap:10px}.guide-nav{padding-bottom:7px}.guide-hero{padding-top:42px}.guide-card{padding:20px 16px}.guide-container{width:min(100% - 20px,1240px)}.hero-pills{gap:6px}.hero-pills span{font-size:10px;padding:6px 9px}}
