/* Focused account forms, using SpinDeck's established palette. */
.auth-shell{background:#090b12;min-height:100vh;font-family:Inter,sans-serif}.auth-shell [hidden]{display:none!important}.auth-header,.auth-footer{max-width:1376px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand{display:flex;align-items:center;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#f5f5f9}.auth-brand>span:not(.auth-mark){color:#b8a6ff}.auth-brand small{color:#9394ac;font-size:14px;letter-spacing:-.5px;margin:5px 0 0 2px}.auth-mark{display:grid;place-items:center;width:37px;height:37px;margin-right:10px;background:linear-gradient(140deg,#c5b4ff,#8a73db);border:1px solid #d4c5ff69;border-radius:11px;box-shadow:0 0 25px #9276ea25;color:#242035}.auth-mark svg{width:25px;height:25px}.auth-back{font-size:12px;color:#a8aabb}.auth-layout{width:calc(100% - 80px);max-width:1280px;margin:12px auto 26px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);border:1px solid #262835;border-radius:24px;overflow:hidden;background:#10121b;box-shadow:0 24px 90px #0003}.auth-story{min-width:0;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% 25%,#50407648,transparent 60%),#12141e}.auth-story-copy{padding:50px 48px 0;position:relative;z-index:1}.auth-eyebrow{font:600 10px Inter,sans-serif;letter-spacing:2px;color:#c0b1ec;display:flex;align-items:center;gap:9px}.auth-eyebrow i,.auth-deck-bottom i{width:6px;height:6px;border-radius:50%;background:#d6fb7c;box-shadow:0 0 13px #d6fb7c40;display:inline-block}.auth-story h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,4.5vw,64px);line-height:1.03;font-weight:600;margin:25px 0 20px;letter-spacing:-3.5px}.auth-story h1 span{color:#baa6fa}.auth-story-copy>p{max-width:390px;font-size:13px;line-height:1.9;color:#a4a7bc}.auth-scene{position:relative;margin-top:6px;flex:1;min-height:275px;display:flex;align-items:center;padding:32px 40px 38px;isolation:isolate}.auth-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;mask-image:linear-gradient(transparent,#000 24%,#000 72%,transparent);z-index:-1}.auth-deck{background:#141620ec;border:1px solid #60537966;border-radius:15px;box-shadow:0 20px 70px #0008;width:100%;overflow:hidden;transform:rotate(-3deg)}.auth-deck-heading{display:flex;align-items:center;gap:10px;padding:18px}.auth-deck-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7e66a646;border-radius:10px;background:#bca4ff12;color:#cbb5ff}.auth-deck-symbol svg{width:20px;height:20px}.auth-deck-heading strong{display:block;font-size:12px;color:#edeef8}.auth-deck-heading small{display:block;font-size:9px;color:#989bb1;margin-top:4px}.auth-preview-label{margin-left:auto;font-size:8px;letter-spacing:1px;border:1px solid #77728755;color:#aba2bf;padding:4px 7px;border-radius:4px}.auth-reel{height:105px;position:relative;background:#080a1199;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;overflow:hidden;display:grid;place-items:center}.auth-reel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0f18,transparent 18%,transparent 82%,#0d0f18);pointer-events:none}.auth-pointer{position:absolute;height:100%;width:1px;background:#d6fb7c99;left:50%;z-index:2}.auth-pointer:before{content:'';position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #d6fb7c}.auth-reel-track{display:flex;gap:8px;animation:authFloat 10s ease-in-out infinite;will-change:transform}.auth-viewer{width:68px;height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #a79cc944;border-radius:9px;color:#f4f1ff;font:700 21px 'Space Grotesk',sans-serif}.auth-viewer small{font:500 8px Inter,sans-serif;opacity:.8;margin-top:5px}.av-one{background:linear-gradient(145deg,#543d85,#24263f)}.av-two{background:linear-gradient(145deg,#315b61,#262a37)}.av-three{background:linear-gradient(145deg,#8c6246,#382b39)}.av-four{background:linear-gradient(145deg,#675499,#353258)}.av-five{background:linear-gradient(145deg,#47674b,#25332e)}.auth-deck-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#a8adbc;font-size:9px}.auth-deck-bottom span{display:flex;align-items:center;gap:7px}.auth-deck-bottom b{font-weight:500;color:#d6fb7c}.auth-story-footer{display:flex;align-items:center;gap:17px;margin:0 48px;padding:21px 0 27px;border-top:1px solid #ffffff0c;color:#a5a9bc;font-size:10px}.auth-story-footer>a{margin-left:auto;color:#cec2eb;font-size:9px}.auth-panel{padding:44px 46px;background:linear-gradient(160deg,#17192360,transparent 35%),#10121a;display:flex;align-items:center;justify-content:center}.auth-form-wrap{width:100%;max-width:390px}.auth-panel h2{font-size:30px;letter-spacing:-1.3px;font-family:'Space Grotesk',sans-serif;margin:15px 0 10px;font-weight:600}.auth-intro{font-size:12px;line-height:1.6;color:#9fa4b6;margin:0 0 25px}.auth-tabs{display:flex;background:#080b12;border:1px solid #272a37;border-radius:9px;padding:4px;gap:4px;margin:0 0 23px}.auth-tab{border:0;background:transparent;color:#9ea5b9;flex:1;cursor:pointer;font:500 11px Inter,sans-serif;padding:11px 5px;border-radius:6px}.auth-tab.active{background:#272335;color:#e3d9ff;box-shadow:inset 0 0 0 1px #b7a4e527}.auth-providers{display:grid;gap:9px}.auth-provider-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-provider{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #343746;background:#191c26;color:#ecedf5;font:500 11px Inter,sans-serif;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.auth-provider:hover:not(:disabled){border-color:#baa4ed;background:#242433}.auth-provider:disabled{cursor:not-allowed;color:#8b90a0;background:#141720}.provider-icon{display:inline-flex;width:18px;height:18px;flex:none}.provider-icon svg{width:100%;height:100%}.auth-provider:disabled .provider-icon{opacity:.6}.auth-provider small{font-size:8px;color:#7f8394;font-weight:400}.auth-provider small:empty{display:none}.auth-divider{display:flex;align-items:center;gap:13px;margin:22px 0;color:#8c93a7;font-size:10px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#272b37;flex:1}.auth-form{display:grid;gap:17px}.auth-field{display:grid;gap:8px;min-width:0}.auth-field label{font-size:11px;font-weight:500;color:#d3d7e3}.auth-field input{width:100%;height:46px;background:#0c0f17;border:1px solid #303443;border-radius:8px;color:#eef0f8;padding:0 13px;font:400 12px Inter,sans-serif;outline:none;min-width:0}.auth-field input:focus{border-color:#ac92ec;box-shadow:0 0 0 3px #ac92ec12}.auth-field input[aria-invalid=true]{border-color:#e78291}.auth-field input::placeholder{color:#696f83}.auth-field small{font-size:10px;line-height:1.7;color:#848da4}.auth-password{position:relative}.auth-password input{padding-right:65px}.auth-password button{position:absolute;right:9px;top:7px;height:32px;padding:0 8px;color:#bab2d5;border:none;background:transparent;cursor:pointer;font:500 10px Inter,sans-serif;border-radius:5px}.auth-submit{display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:8px;background:#d6fb7c;color:#1d2412;min-height:48px;font:600 12px Inter,sans-serif;cursor:pointer;margin-top:3px;transition:background .15s}.auth-submit svg{width:17px;height:17px}.auth-submit:hover:not(:disabled){background:#e1ffa0}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-form[aria-busy=true] .auth-submit svg{animation:authPulse 1s ease-in-out infinite}.auth-switch{text-align:center;color:#9098ac;font-size:11px;margin:23px 0}.auth-switch button{color:#c5b4ef;background:none;border:0;font:500 11px Inter,sans-serif;cursor:pointer;margin-left:3px}.auth-assurance{border-top:1px solid #252936;padding-top:20px;display:flex;gap:10px;align-items:center}.auth-assurance svg{width:20px;height:20px;flex:none;color:#9789bb}.auth-assurance p{font-size:10px;color:#b2b8c9;line-height:1.8;margin:0}.auth-assurance a{font-size:9px;color:#808aa0}.auth-error,.auth-notice{padding:12px 13px;border:1px solid #f69ea538;border-radius:8px;background:#f69ea50a;color:#f7b3bb;font-size:11px;line-height:1.7}.auth-notice{margin-bottom:18px;border-color:#baa6fa33;background:#baa6fa0a;color:#d1c3f2}.auth-password-check{color:#a8b78d;font-size:10px;line-height:1.5}.auth-password-check:empty{display:none}.auth-password-check.is-invalid{color:#eda8b3}.auth-footer{padding-top:8px;color:#747f94;font-size:10px}.auth-footer nav{display:flex;gap:22px}.auth-shell button:focus-visible,.auth-shell a:focus-visible{outline:2px solid #d6fb7c;outline-offset:3px}.auth-shell input:-webkit-autofill{-webkit-text-fill-color:#eef0f8;box-shadow:0 0 0 1000px #0c0f17 inset}.auth-connections-layout{max-width:650px;margin:30px auto 65px;padding:34px;background:#10121b;border:1px solid #2b2e3c;border-radius:18px}.auth-connections-layout h1{font-size:30px;margin:10px 0;letter-spacing:-1px}.auth-connections-layout>p{font-size:12px;line-height:1.8;color:#9ca5b8}.auth-connection{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #2a2d3b}.auth-connection>div{flex:1;min-width:0}.auth-connection strong{font-size:13px}.auth-connection small{display:block;color:#97a0b4;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.auth-connection a,.auth-connection button{padding:10px 15px;border:1px solid #4b425e;background:#baa6fa0d;color:#cfbaf4;font:500 11px Inter,sans-serif;border-radius:7px}.auth-connection button:disabled{opacity:.5}.auth-connection-label{font-size:10px;color:#c4e68a}.auth-connections-back{font-size:12px;margin-top:25px;display:inline-block;color:#baa6fa}
@keyframes authFloat{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}@keyframes authPulse{50%{opacity:.2}}
.auth-provider{min-height:48px;font-size:12px;font-weight:600;position:relative}
.auth-provider .provider-icon{position:absolute;left:15px}
.auth-provider[data-provider=google]:not(:disabled){background:#fff;color:#1f1f1f;border-color:#b7b7b7}
.auth-provider[data-provider=google]:hover:not(:disabled){background:#f0f3fa;border-color:#e0e5ef}
.auth-provider[data-provider=twitch]:not(:disabled){background:#9146ff;color:#fff;border-color:#9146ff}
.auth-provider[data-provider=twitch]:hover:not(:disabled){background:#772ce8;border-color:#a970ff}
.auth-provider[data-provider=kick]:not(:disabled){border-color:#5e824d;background:#53fc180d}
.auth-provider[data-provider=kick] .provider-icon{color:#53fc18}
.auth-provider[aria-busy=true]{cursor:wait}
.auth-provider[aria-busy=true]:disabled{color:#d9c9ff;border-color:#766492}
@media(min-width:1500px){.auth-layout{margin-top:30px}.auth-story-copy{padding-top:65px}.auth-panel{padding:55px}}
@media(max-width:1100px){.auth-layout{width:calc(100% - 56px);margin:8px auto 25px}.auth-story-copy{padding:36px 30px 0}.auth-panel{padding:35px 30px}.auth-story-footer{margin:0 30px;gap:12px}.auth-scene{padding:30px 25px}.auth-story h1{font-size:48px}.auth-provider{gap:7px;font-size:10px}.auth-provider small{font-size:7px}}
@media(max-width:760px){.auth-header{padding:23px 24px}.auth-layout{width:100%;grid-template-columns:1fr;max-width:520px;margin:5px auto 20px;border:0;background:none;box-shadow:none;border-radius:0}.auth-panel{order:-1;border:1px solid #292d3c;border-radius:17px;margin:0 20px;padding:29px 25px}.auth-story{background:transparent;margin:25px 25px 0}.auth-story-copy{padding:0;text-align:center}.auth-story .auth-eyebrow{justify-content:center;font-size:8px}.auth-story h1{font-size:29px;letter-spacing:-1.4px;line-height:1.15;margin:15px 0 8px}.auth-story h1 br{display:none}.auth-story h1 span:before{content:' '}.auth-story-copy>p{font-size:11px;max-width:365px;margin:0 auto}.auth-scene{display:none}.auth-story-footer{justify-content:center;border:0;margin:0;padding:18px 0;gap:17px}.auth-story-footer>a{margin-left:0}.auth-footer{padding:20px 24px 25px;flex-wrap:wrap;justify-content:center;gap:13px;font-size:9px}.auth-back{font-size:10px}.auth-connections-layout{margin:20px;padding:24px}}
@media(prefers-reduced-motion:reduce){.auth-reel-track,.auth-form[aria-busy=true] .auth-submit svg{animation:none}}