@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg-base:#121212;--bg-surface:#181818;--bg-elevated:#1f1f1f;--bg-card-1:#252525;--bg-card-2:#272727;--bg-sidebar:#000000;--text-base:#ffffff;--text-muted:#b3b3b3;--text-soft:#cbcbcb;--text-bright:#fdfdfd;--text-on-green:#000000;--brand-green:#1ed760;--brand-green-press:#1db954;--brand-green-hover:#1fdf64;--semantic-negative:#f3727f;--semantic-warning:#ffa42b;--semantic-announcement:#539df5;--border-default:#4d4d4d;--border-muted:#7c7c7c;--border-separator:#b3b3b3;--pos-gk:#ffa42b;--pos-def:#539df5;--pos-mid:#1ed760;--pos-fwd:#f3727f;--shadow-card:rgba(0,0,0,0.30) 0px 8px 8px;--shadow-dialog:rgba(0,0,0,0.50) 0px 8px 24px;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-5:10px;--radius-6:16px;--radius-7:20px;--radius-pill-sm:9999px;--radius-pill-lg:500px;--radius-circle:50%;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:48px;--space-11:64px;--font-title:"Manrope","Helvetica Neue",helvetica,arial,sans-serif;--font-ui:"Manrope","Helvetica Neue",helvetica,arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--fs-micro:10px;--fs-badge:10.5px;--fs-small:12px;--fs-caption:14px;--fs-body:16px;--fs-feature:18px;--fs-section:24px;--fs-display:28px;--fs-display-lg:40px;--ease-out:cubic-bezier(0.3,0,0,1);--dur-fast:120ms;--dur-med:180ms;--dur-slow:240ms}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-base);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--brand-green);color:#000}.h1,h1{font-size:var(--fs-display);font-weight:800;line-height:1.1;letter-spacing:-.01em}.h1,.h2,h1,h2{font-family:var(--font-title);margin:0}.h2,h2{font-size:var(--fs-section);font-weight:700;line-height:1.15}.h3,h3{font-size:var(--fs-feature)}.h3,.h4,h3,h4{font-family:var(--font-ui);font-weight:700;line-height:1.3;margin:0}.body,.h4,h4,p{font-size:var(--fs-body)}.body,p{font-weight:400;margin:0}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(18,18,18,.72));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-nav__left{display:flex;align-items:center;gap:8px}.site-nav__mid{display:flex;gap:28px;justify-content:center}.site-nav__right{display:flex;align-items:center;gap:12px;justify-content:flex-end}.site-nav a.nav-link{color:var(--text-muted);font-size:14px;font-weight:700;letter-spacing:.02em;padding:8px 4px;position:relative;transition:color .12s var(--ease-out);white-space:nowrap}.site-nav a.nav-link:hover{color:var(--text-base);opacity:1}.site-nav a.nav-link.is-on{color:var(--text-base)}.site-nav a.nav-link.is-on:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand-green) 0,var(--brand-green) 30%,transparent 100%)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.005em}.brand .dot{color:var(--brand-green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-family:var(--font-ui);font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:12px 26px;border-radius:9999px;background:var(--bg-elevated);color:var(--text-base);cursor:pointer;transition:transform .12s var(--ease-out),background .12s var(--ease-out)}.btn:hover{background:#2a2a2a}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.btn--primary{background:linear-gradient(180deg,#3ae57e,#1ed760 55%,#14b94e);color:#000;padding:14px 30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 26px -8px rgba(30,215,96,.55)}.btn--primary:hover{background:linear-gradient(180deg,#46ef88,#1fdf64 55%,#17c455);transform:scale(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 34px -8px rgba(30,215,96,.7)}.btn--primary:active{transform:scale(.97)}.btn--ghost{background:transparent;color:var(--text-muted);padding:10px 18px}.btn--ghost:hover{color:var(--text-base);background:transparent}.btn--outline{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);padding:12px 22px}.btn--outline:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);background:rgba(255,255,255,.06)}.btn--sm{padding:10px 18px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-base);background:var(--bg-elevated);padding:6px 14px;border-radius:9999px}.pill--green{background:rgba(30,215,96,.12);color:var(--brand-green)}.pill--outline{background:transparent;box-shadow:inset 0 0 0 1px rgb(124,124,124);color:var(--text-muted)}.pos{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:17px;padding:0 5px;border-radius:3px;font-size:9px;font-weight:800;color:#000;letter-spacing:.03em}.pos--GK{background:var(--pos-gk)}.pos--DEF{background:var(--pos-def)}.pos--MID{background:var(--pos-mid)}.pos--FWD{background:var(--pos-fwd)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.eyebrow--green{color:var(--brand-green)}.card{background:var(--bg-surface);border-radius:8px;padding:20px}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.35}}.pulse-ring{animation:pulseRing 1.6s var(--ease-out) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}.blink{animation:blink 1.4s var(--ease-out) infinite}@keyframes hueBreath{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(30,215,96,0))}50%{filter:brightness(1.08) drop-shadow(0 0 18px rgba(30,215,96,.18))}}.breathe{animation:hueBreath 4.2s ease-in-out infinite}@keyframes pitchGlow{0%,to{box-shadow:inset 0 0 80px rgba(0,0,0,.45),0 24px 60px -20px rgba(0,0,0,.6)}50%{box-shadow:inset 0 0 100px rgba(0,0,0,.55),0 24px 80px -20px rgba(0,0,0,.7)}}.pitch-glow{animation:pitchGlow 6s ease-in-out infinite}@keyframes pickedFlash{0%{box-shadow:0 0 0 0 rgba(30,215,96,.55)}to{box-shadow:0 0 0 24px rgba(30,215,96,0)}}.just-picked>.token-shell{animation:pickedFlash 1.4s ease-out .72s 2}.hero-fade{background:linear-gradient(180deg,#1f1f1f 0,var(--bg-base) 78%)}.hov{transition:transform .18s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out)}.hov:hover{transform:translateY(-3px);background:var(--bg-elevated);box-shadow:var(--shadow-card)}.player{background:var(--bg-surface);border-radius:8px;padding:12px 14px;display:flex;gap:14px;align-items:center;transition:background .12s var(--ease-out)}.player:hover{background:var(--bg-elevated)}.player .avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-card-2);color:var(--text-base);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.player .name{font-weight:700;font-size:14px}.player .meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px;margin-top:2px}.player .pts{font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--brand-green);margin-left:auto}.input{display:inline-flex;align-items:center;gap:10px;background:var(--bg-elevated);color:var(--text-base);border-radius:500px;padding:10px 18px;box-shadow:0 1px 0 rgb(18,18,18),inset 0 0 0 1px rgb(124,124,124);font-size:14px}.input:focus-within{box-shadow:0 1px 0 rgb(18,18,18),inset 0 0 0 1px #fff}.input input{background:transparent;border:0;outline:0;color:inherit;font:inherit;flex:1 1;min-width:0}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-muted);font-size:12px;letter-spacing:.04em}.site-footer a:hover{color:var(--text-base)}.token{position:absolute;background:transparent;border:0;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:12%;min-width:80px;max-width:110px;transform:translate(-50%,-50%);transition:filter .2s var(--ease-out),z-index 0s}.token:hover{filter:brightness(1.15);z-index:5}@media (max-width:1100px){.builder-grid,.team-grid{grid-template-columns:1fr!important}}@media (max-width:1080px){.hero-football{display:none!important}}@media (max-width:1280px){.draft-sidebar-wrap{display:none!important}}@media (max-width:900px){.hiw-step{grid-template-columns:1fr!important;gap:24px!important}.hiw-step>div:first-child,.hiw-step>div:nth-child(2){order:unset!important}}@media (prefers-reduced-motion:reduce){.blink,.breathe,.just-picked>.token-shell,.pitch-glow,.pulse-ring{animation:none!important}.hov:hover{transform:none}}body{background:#0d0d0d}.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.site-bg__stripes{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(115deg,rgba(255,255,255,.018),rgba(255,255,255,.018) 2px,transparent 0,transparent 64px)}.site-bg__glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(30,215,96,.15) 0,rgba(30,215,96,0) 62%)}.site-fg{position:relative;z-index:1}.site-nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .22s ease,transform .22s ease}.site-nav--hidden{opacity:0;transform:translateY(-12px);pointer-events:none}@keyframes spawnpop{0%{opacity:0;transform:translateY(-30px) scale(1.35)}55%{opacity:1;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes litflash{0%{filter:drop-shadow(0 0 30px #eafff4) brightness(2.2)}to{filter:none brightness(1)}}@keyframes tokenRing{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes slotTelegraph{0%,to{box-shadow:0 0 0 0 currentColor;transform:scale(1)}50%{box-shadow:0 0 14px 2px currentColor;transform:scale(1.12)}}@keyframes tickpulse{0%{transform:scale(1.3)}to{transform:scale(1)}}.action-card.shake{animation:cardShake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}.nm-chip.pop:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%);transform:translateX(-130%);animation:sweep 1s cubic-bezier(.4,0,.2,1) .2s}@keyframes sweep{to{transform:translateX(130%)}}.fxstrike{position:absolute;bottom:0;width:70px;transform:translateX(-50%);z-index:3;pointer-events:none;background:linear-gradient(0deg,#eafff4,rgba(40,255,170,.5) 40%,transparent);height:100%;-webkit-mask-image:linear-gradient(0deg,#000,transparent 80%);mask-image:linear-gradient(0deg,#000,transparent 80%);filter:blur(2px);mix-blend-mode:screen;animation:fxstrike .55s ease-out forwards}@keyframes fxstrike{0%{opacity:1}to{opacity:0}}.fxportal{position:absolute;transform:translate(-50%,-50%);border:3px solid #eafff4;border-radius:50%;z-index:3;pointer-events:none;animation:fxportal .7s ease-out forwards}@keyframes fxportal{0%{width:24px;height:11px;opacity:1}to{width:180px;height:80px;opacity:0}}.fxshock{position:absolute;transform:translate(-50%,-50%);border:3px solid #eafff4;border-radius:50%;z-index:3;pointer-events:none;animation:fxshock .62s ease-out forwards}@keyframes fxshock{0%{width:14px;height:14px;opacity:.95}to{width:170px;height:170px;opacity:0}}.fxslam{position:absolute;transform:translate(-50%,-50%) perspective(600px) rotateX(56deg);border:4px solid #eafff4;border-radius:50%;z-index:3;pointer-events:none;box-shadow:0 0 26px currentColor;animation:fxslam .6s ease-out forwards}@keyframes fxslam{0%{width:22px;height:22px;opacity:1}to{width:200px;height:200px;opacity:0}}.fxflash{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(220,255,235,.45),rgba(30,217,126,.12) 28%,transparent 56%);animation:fxflash .5s ease-out forwards}@keyframes fxflash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.fxbanner{position:absolute;transform:translate(-50%,-100%);z-index:6;pointer-events:none;text-align:center;opacity:0;animation:fxbanner 2s ease-out forwards}.fxbanner .fxbtag{font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:3px}.fxbanner .fxbnm{font-size:18px;font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.9);white-space:nowrap}@keyframes fxbanner{0%{opacity:0;transform:translate(-50%,-100%) translateY(12px) scale(.95)}16%{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-100%) translateY(-8px)}}@media (prefers-reduced-motion:reduce){.action-card.shake{animation:none}}.gsap-hide{opacity:0}