:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0a11;color:#f7f5fb}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0a11}body{min-height:100vh;overflow-x:hidden}.auth-page{display:grid;place-items:center;position:relative;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 15% 10%,rgba(255,79,140,.12),transparent 32%),radial-gradient(circle at 85% 85%,rgba(74,240,229,.10),transparent 34%),#0b0a11}.auth-glow{position:fixed;border-radius:999px;filter:blur(70px);opacity:.22;pointer-events:none}.auth-glow-a{width:280px;height:280px;background:#ff4f8c;top:-100px;left:-80px}.auth-glow-b{width:320px;height:320px;background:#55e6db;right:-120px;bottom:-120px}.auth-shell{width:min(100%,500px);position:relative;z-index:1}.auth-card{border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:32px;background:linear-gradient(180deg,rgba(25,22,35,.96),rgba(15,14,22,.96));box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.auth-brand strong{display:block;letter-spacing:.14em;font-size:18px}.auth-brand small{display:block;margin-top:3px;color:#aaa5b5;letter-spacing:.16em;font-size:10px}.auth-mark{width:48px;height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:9px;background:#211d2b;box-shadow:inset 0 1px rgba(255,255,255,.08)}.auth-mark i{border-radius:5px}.auth-mark i:nth-child(1){background:#ff5c9b}.auth-mark i:nth-child(2){background:#5de9de}.auth-mark i:nth-child(3){background:#a778ff}.auth-mark i:nth-child(4){background:#78d8ff}.eyebrow{margin:0 0 8px;color:#70e7df;font-weight:800;letter-spacing:.18em;font-size:12px}.auth-card h1{font-size:clamp(30px,6vw,42px);line-height:1.03;margin:0 0 12px}.auth-copy{margin:0 0 24px;color:#b7b1c2;line-height:1.55}.auth-form{display:grid;gap:16px}.auth-form label:not(.remember){display:grid;gap:7px}.auth-form label>span{font-size:12px;font-weight:800;color:#c8c2d1;letter-spacing:.04em}.auth-form input[type=text],.auth-form input[type=password]{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#100e17;color:#fff;padding:14px 15px;font:inherit;outline:none;transition:.15s border-color,.15s box-shadow}.auth-form input:focus{border-color:#66e5dd;box-shadow:0 0 0 3px rgba(102,229,221,.12)}.remember{display:flex;align-items:flex-start;gap:10px;color:#bdb7c8;line-height:1.4}.remember input{margin-top:3px;accent-color:#66e5dd}.auth-form button{margin-top:4px;border:0;border-radius:15px;padding:14px 18px;font:inherit;font-weight:900;color:#17111a;background:linear-gradient(135deg,#68ebe1,#ff6c9e);cursor:pointer;box-shadow:0 12px 34px rgba(255,83,143,.18)}.auth-form button:active{transform:translateY(1px)}.auth-message{border-radius:13px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.45}.auth-message.bad{background:rgba(255,94,127,.10);border:1px solid rgba(255,94,127,.35);color:#ffafc0}.auth-foot{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#898392;font-size:11px;line-height:1.5}@media(max-width:520px){.auth-page{place-items:start center;padding-top:max(20px,env(safe-area-inset-top))}.auth-card{padding:24px 20px;border-radius:22px}.auth-brand{margin-bottom:28px}}@media(max-height:650px) and (orientation:landscape){.auth-page{place-items:start center;padding-top:14px;padding-bottom:14px}.auth-shell{width:min(94vw,760px)}.auth-card{padding:20px 24px}.auth-brand{margin-bottom:18px}.auth-card h1{font-size:28px}.auth-copy{margin-bottom:14px}.auth-form{grid-template-columns:1fr 1fr;gap:10px 14px}.auth-form button,.remember,.auth-message,.auth-foot{grid-column:1/-1}}
