.auth-page{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(229,32,63,.13),transparent 34%),radial-gradient(circle at 88% 80%,rgba(103,65,255,.08),transparent 30%),#08090d}.auth-nav{display:flex}.auth-shell{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 96px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.78fr);gap:76px;align-items:center;padding:54px 0 72px}.auth-showcase{position:relative;padding:30px 0}.auth-kicker{color:var(--accent-soft,#ff7188);font-size:11px;font-weight:800;letter-spacing:.19em}.auth-showcase h1{max-width:720px;margin:18px 0 20px;font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-.065em}.auth-showcase>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.auth-benefits{display:grid;gap:10px;margin-top:34px}.auth-benefits article{display:flex;gap:16px;align-items:flex-start;padding:15px 17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(14,16,22,.56);backdrop-filter:blur(14px)}.auth-benefits article>span{color:#ff596f;font:800 11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.auth-benefits strong{display:block;font-size:14px}.auth-benefits p{margin:3px 0 0;color:var(--muted);font-size:13px}.auth-visual{position:absolute;right:-34px;top:-48px;width:230px;height:230px;opacity:.18;pointer-events:none}.auth-visual div{position:absolute;inset:0;border:1px solid #ff3e5c;border-radius:50%;box-shadow:0 0 80px rgba(229,32,63,.28)}.auth-visual div:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.35);border-radius:50%}.auth-visual img{position:absolute;width:82px;left:74px;top:66px}.auth-visual span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font:700 9px ui-monospace,monospace;letter-spacing:.2em;white-space:nowrap}.auth-panel{position:relative;padding:28px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(165deg,rgba(19,21,28,.96),rgba(11,12,17,.94));box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03)}.auth-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 30%,transparent 70%,rgba(229,32,63,.035))}.auth-panel-head{position:relative;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}.auth-panel-head>div:first-child>span{color:#8f95a2;font-size:9px;font-weight:800;letter-spacing:.18em}.auth-panel h2{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}.auth-tabs{display:flex;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b0c11}.auth-tabs button{border:0;border-radius:7px;background:transparent;color:#858b98;padding:8px 11px;font:700 12px inherit;cursor:pointer}.auth-tabs button.active{background:#242730;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.25)}.auth-form{position:relative;display:grid;gap:15px}.auth-form[hidden]{display:none}.auth-form label{display:grid;gap:7px}.auth-form label>span{color:#b3b7c1;font-size:11px;font-weight:700}.auth-form input{width:100%;height:48px;border:1px solid #292c35;border-radius:10px;background:#0b0c11;color:#f6f7fa;padding:0 14px;outline:none;font:500 14px inherit;transition:border-color .16s,box-shadow .16s,background .16s}.auth-form input:focus{border-color:rgba(255,64,93,.65);background:#0e0f14;box-shadow:0 0 0 4px rgba(229,32,63,.09)}.auth-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-link-option{display:flex!important;grid-template-columns:20px 1fr!important;align-items:flex-start;gap:10px!important;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b0c11}.auth-link-option[hidden]{display:none!important}.auth-link-option input{width:17px!important;height:17px!important;margin:2px 0 0;padding:0;accent-color:#e52642}.auth-link-option>span{display:grid;gap:3px}.auth-link-option strong{color:#dfe2e8;font-size:12px}.auth-link-option small{color:#777e8b;font-size:10px;line-height:1.45}.auth-submit{height:49px;margin-top:4px;border:0;border-radius:10px;background:linear-gradient(135deg,#eb2444,#b91631);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:800 13px inherit;cursor:pointer;box-shadow:0 14px 32px rgba(208,23,53,.22);transition:transform .16s,filter .16s}.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.08)}.auth-submit:disabled{opacity:.58;cursor:wait}.auth-alert{position:relative;margin:-6px 0 17px;padding:11px 13px;border:1px solid rgba(255,85,108,.25);border-radius:9px;background:rgba(255,54,83,.08);color:#ff9aaa;font-size:12px}.auth-alert.success{border-color:rgba(69,218,151,.25);background:rgba(69,218,151,.08);color:#8bf0bc}.auth-divider{position:relative;margin:22px 0 18px;text-align:center;color:#686e7a;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.07)}.auth-divider span{position:relative;padding:0 10px;background:#101117}.discord-auth{position:relative;height:48px;border:1px solid #30333d;border-radius:10px;background:#171921;display:flex;align-items:center;gap:11px;padding:0 14px;font-size:13px;font-weight:750;transition:border-color .16s,background .16s}.discord-auth:hover{border-color:#5865f2;background:#1c1f2c}.discord-auth small{margin-left:auto;color:#777e8b;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.discord-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#5865f2;color:#fff}.auth-legal{margin:15px 0 0;text-align:center;color:#676d78;font-size:10px;line-height:1.55}@media(max-width:900px){.auth-shell{grid-template-columns:1fr;gap:24px;padding-top:24px}.auth-showcase{padding-bottom:0}.auth-showcase h1{font-size:clamp(42px,10vw,64px)}.auth-benefits,.auth-visual{display:none}.auth-panel{max-width:620px;width:100%;justify-self:center}}@media(max-width:560px){.auth-shell{width:min(100% - 24px,1180px)}.auth-panel{padding:20px;border-radius:16px}.auth-panel-head{display:grid}.auth-tabs{width:100%}.auth-tabs button{flex:1}.auth-two-column{grid-template-columns:1fr}.auth-nav a:not(:last-child){display:none}}
