:root{color-scheme:dark;--bg:#030405;--panel:rgba(12,14,18,.82);--panel2:rgba(20,23,29,.94);--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);--text:#f4f5f7;--muted:#9da3ad;--soft:#727986;--danger:#ffb4b4;--danger-bg:rgba(103,24,24,.28);--success:#b8efc8;--success-bg:rgba(21,89,47,.28)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% -10%,#111820 0,transparent 32%),linear-gradient(180deg,#030405,#05070a 52%,#020304);font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);overflow-x:hidden}.auth-unified{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;padding:max(34px,env(safe-area-inset-top)) 18px max(34px,env(safe-area-inset-bottom));overflow:hidden}.auth-unified::before,.auth-unified::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3}.auth-unified::before{background-image:radial-gradient(circle,rgba(255,255,255,.48) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.5px);background-size:92px 92px,137px 137px;background-position:13px 17px,41px 61px;opacity:.34}.auth-unified::after{background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.45) 100%);z-index:-2}.auth-shell{width:min(520px,100%);display:flex;flex-direction:column;gap:22px}.auth-brand{text-align:center}.auth-brand-lockup{display:inline-flex;direction:ltr;align-items:baseline;justify-content:center;gap:.02em;color:#f8f9fb;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;line-height:.9;letter-spacing:-.075em;text-transform:uppercase;filter:drop-shadow(0 9px 24px rgba(0,0,0,.35))}.auth-brand-lockup .a{font-size:clamp(56px,14vw,78px);font-weight:300;letter-spacing:-.13em}.auth-brand-lockup .rest{font-size:clamp(34px,8.3vw,49px);letter-spacing:-.055em}.auth-brand-sub{margin:16px 0 0;color:#8e96a2;font-size:clamp(12px,3vw,15px);letter-spacing:.35px}.auth-card{padding:30px;border:1px solid var(--line2);border-radius:28px;background:linear-gradient(160deg,rgba(17,19,24,.86),rgba(8,10,14,.92));box-shadow:0 28px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:19px;color:#a7aeb8;text-decoration:none;font-size:13px}.auth-back:hover{color:#fff}.auth-head{text-align:center;margin-bottom:22px}.auth-head .auth-symbol{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.045);color:#eef1f5}.auth-symbol svg{width:25px;height:25px}.auth-head h1{margin:0;color:#f5f6f8;font-size:clamp(25px,6vw,34px);line-height:1.35}.auth-head p{margin:10px auto 0;max-width:400px;color:var(--muted);font-size:13px;line-height:1.8}.alert{padding:13px 15px;margin:0 0 16px;border:1px solid transparent;border-radius:15px;font-size:12.5px;line-height:1.75}.alert.err{color:var(--danger);background:var(--danger-bg);border-color:rgba(255,180,180,.15)}.alert.ok{color:var(--success);background:var(--success-bg);border-color:rgba(184,239,200,.16)}.field{margin:0 0 15px}.field label{display:block;margin:0 4px 8px;color:#daddE3;font-size:12px;font-weight:700}.input-shell{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);transition:.2s ease}.input-shell:focus-within{border-color:var(--line2);background:rgba(255,255,255,.055);box-shadow:0 0 0 3px rgba(255,255,255,.055)}.input-icon{width:47px;flex:0 0 47px;display:grid;place-items:center;color:#d9dee6}.input-icon svg,.toggle-icon svg{width:20px;height:20px}.field input{width:100%;min-width:0;padding:14px 10px;border:0;outline:0;background:transparent;color:#f5f6f8;font-size:16px;direction:ltr;text-align:left}.field input::placeholder{color:#6f7681}.field input.code{text-align:center;letter-spacing:.42em;font-weight:800}.toggle-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;padding:0;border:0;border-radius:13px;background:transparent;color:#aab1bc;cursor:pointer}.toggle-icon:hover{color:#fff;background:rgba(255,255,255,.055)}.auth-btn{width:100%;min-height:52px;margin-top:4px;border:0;border-radius:16px;background:#f4f4f5;color:#101216;font:800 15px inherit;cursor:pointer;transition:.18s ease}.auth-btn:hover{transform:translateY(-1px);background:#fff}.auth-btn:active{transform:scale(.99)}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 13px;margin-top:18px;color:#69717c;font-size:13px}.auth-links a{color:#c8cdd5;text-decoration:none}.auth-links a:hover{color:#fff}.auth-note{margin:18px 0 0;padding-top:17px;border-top:1px solid var(--line);color:#737c88;font-size:11px;line-height:1.75;text-align:center}.auth-legal{text-align:center;color:#626a75;font-size:11.5px;line-height:1.7}.secondary-btn{width:100%;min-height:48px;margin-top:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04);color:#e7e9ec;font:700 13px inherit;cursor:pointer}.secondary-btn:hover{background:rgba(255,255,255,.075)}@media(max-width:560px){.auth-unified{place-items:start center;padding-top:max(42px,env(safe-area-inset-top))}.auth-shell{gap:18px}.auth-card{padding:24px 18px;border-radius:24px}.auth-brand-sub{margin-top:12px}.auth-head{margin-bottom:19px}.auth-head .auth-symbol{width:48px;height:48px;border-radius:15px}}