.auth-page{min-height:100dvh;overflow-x:hidden;background:#05060d}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr)}
.auth-showcase{position:relative;min-height:100dvh;padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(124,58,237,.30),transparent 31%),radial-gradient(circle at 88% 70%,rgba(14,165,233,.17),transparent 31%),linear-gradient(145deg,#090819,#060817 48%,#06101b)}
.auth-showcase:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}
.auth-glow{position:absolute;border-radius:50%;filter:blur(22px);opacity:.75}.auth-glow-a{width:290px;height:290px;left:-130px;top:20%;background:rgba(236,72,153,.18)}.auth-glow-b{width:340px;height:340px;right:-160px;bottom:5%;background:rgba(37,99,235,.17)}
.auth-brand,.mobile-brand{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.auth-logo-mark{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;padding-left:3px;color:#fff;background:linear-gradient(145deg,#fb7185,#8b5cf6 55%,#22d3ee);box-shadow:0 14px 40px rgba(139,92,246,.38);font-size:20px}.auth-brand strong{display:block;font-size:24px;letter-spacing:.13em}.auth-brand span:last-child{display:block;margin-top:4px;color:#9ba6bf;font-size:12px}
.device-stage{position:relative;z-index:2;width:min(820px,92%);margin:28px auto 18px;perspective:1200px}.device-tv{position:relative;padding:9px;border:1px solid rgba(168,85,247,.65);border-radius:24px;background:linear-gradient(135deg,#273154,#11162b);box-shadow:0 45px 90px rgba(0,0,0,.55),0 0 45px rgba(124,58,237,.18);transform:rotateY(-7deg) rotateX(2deg)}.device-screen{aspect-ratio:16/9;padding:20px;border-radius:17px;background:radial-gradient(circle at 75% 25%,rgba(37,99,235,.23),transparent 35%),linear-gradient(145deg,#080b18,#11122b 60%,#090d17);overflow:hidden}.screen-topline{display:flex;gap:6px}.screen-topline span{width:7px;height:7px;border-radius:50%;background:#8b5cf6}.screen-content{height:64%;display:flex;align-items:center;justify-content:space-between;padding:6%}.screen-copy{display:grid;gap:9px}.screen-copy small{color:#c084fc;font-weight:800;letter-spacing:.14em}.screen-copy strong{font-size:clamp(23px,3.5vw,43px)}.screen-copy span{color:#aeb7cc}.screen-play{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:linear-gradient(145deg,#ec4899,#7c3aed,#2563eb);box-shadow:0 0 35px rgba(139,92,246,.5);font-size:28px}.screen-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.screen-cards i{height:52px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(139,92,246,.14));border:1px solid rgba(255,255,255,.07)}
.device-phone{position:absolute;right:-7%;bottom:-12%;width:22%;min-width:120px;padding:6px;border-radius:25px;background:linear-gradient(150deg,#283151,#090b15);box-shadow:0 30px 65px rgba(0,0,0,.65),0 0 25px rgba(34,211,238,.15);transform:rotate(5deg)}.phone-screen{aspect-ratio:9/18;padding:20px 10px 10px;display:grid;align-content:start;gap:10px;border-radius:20px;background:linear-gradient(170deg,#070917,#111431)}.phone-notch{position:absolute;top:10px;left:35%;width:30%;height:8px;border-radius:20px;background:#02030a}.phone-screen b{font-size:8px;letter-spacing:.08em}.phone-hero{height:76px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(236,72,153,.34),rgba(37,99,235,.28))}.phone-screen i{height:27px;border-radius:8px;background:rgba(255,255,255,.08)}
.auth-benefits{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.auth-benefits span{padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(9,12,27,.68);color:#cbd5e1;font-size:13px;backdrop-filter:blur(12px)}
.auth-panel{min-height:100dvh;padding:clamp(22px,5vw,68px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 5%,rgba(139,92,246,.12),transparent 30%),linear-gradient(180deg,#080a14,#05060d)}.auth-card{width:min(500px,100%);padding:clamp(26px,5vw,48px);border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(180deg,rgba(18,21,42,.94),rgba(9,11,24,.96));box-shadow:0 38px 100px rgba(0,0,0,.44)}.mobile-brand{display:none;margin-bottom:25px}.mobile-brand strong{letter-spacing:.12em}.auth-kicker{display:block;color:#c084fc;font-size:11px;font-weight:900;letter-spacing:.16em}.auth-card h1{margin:10px 0 8px;font-size:clamp(30px,5vw,46px);line-height:1.08}.auth-lead{margin:0 0 30px;color:#aeb7cc;line-height:1.6}.auth-form{display:grid;gap:12px}.auth-form>label{font-size:13px;font-weight:800;color:#dbe3f2}.token-field{position:relative;display:grid;grid-template-columns:43px 1fr auto auto;align-items:center;min-height:60px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#070914;transition:.2s}.token-field:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.13)}.token-field-icon{display:grid;place-items:center;color:#a78bfa;font-size:24px}.token-field input{min-width:0;height:58px;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.field-button{height:38px;margin-right:7px;padding:0 10px;border:0;border-radius:11px;background:rgba(255,255,255,.07);color:#cbd5e1;cursor:pointer}.paste-button{font-size:12px;font-weight:800}.auth-status{min-height:20px;color:#9ba6bf;font-size:12px}.auth-status.error{color:#fca5a5}.auth-status.success{color:#86efac}.auth-submit{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:18px;background:linear-gradient(135deg,#ec4899,#8b5cf6 56%,#2563eb);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 18px 38px rgba(124,58,237,.28);transition:transform .18s,filter .18s}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.78}.button-spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.auth-submit.loading .button-spinner{display:block}.auth-submit.loading .button-label{opacity:.8}.auth-help{margin-top:22px;padding:15px;display:flex;gap:12px;border:1px solid rgba(34,197,94,.15);border-radius:16px;background:rgba(34,197,94,.055)}.auth-help p{margin:0;color:#91a0ba;font-size:12px;line-height:1.45}.auth-help strong{color:#dffbea}.help-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.17);color:#86efac}.source-badges{margin-top:20px;display:flex;gap:7px;flex-wrap:wrap}.source-badges span{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.05);color:#7f8aa3;font-size:10px}.auth-footer{margin:18px 0 0;color:#5f6a81;font-size:11px}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{padding:22px}.mobile-brand{display:flex}.auth-card{max-width:520px}}@media(max-width:520px){.auth-panel{justify-content:flex-start;padding:calc(26px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.auth-card{padding:24px 18px;border-radius:24px}.auth-card h1{font-size:32px}.token-field{grid-template-columns:38px 1fr auto}.paste-button{display:none}.auth-submit{min-height:56px}.auth-footer{margin-bottom:0}}