:root{--bg: #05080F;--bg-raise: #0A0F1A;--surface: rgba(255,255,255,.03);--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--radius-card: 20px;--radius-pill: 999px;--shadow-card: 0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);--ease: cubic-bezier(.22,.6,.2,1);--accent: #9EFF8C;--accent-bright: #B8FFA6;--accent-rgb: 158, 255, 140;--text: #EDF1F4;--text-muted: rgba(237,241,244,.52);--danger: #FF6B6B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse 80% 55% at 50% -12%,rgba(var(--accent-rgb),.07),transparent 65%),radial-gradient(ellipse 50% 42% at 88% 112%,rgba(var(--accent-rgb),.04),transparent 70%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,40px)}.login-shell{width:100%;max-width:430px}.login-card{background:var(--bg-raise);border:1px solid var(--border);border-radius:var(--radius-card);padding:clamp(30px,4vw,44px) clamp(24px,4vw,38px);box-shadow:var(--shadow-card);animation:login-enter .55s var(--ease) both}@keyframes login-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--border)}.login-logo{height:28px;width:auto;object-fit:contain;display:block}.login-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:10.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.login-eyebrow-line{display:inline-block;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.login-title{font-size:clamp(28px,4.5vw,34px);font-weight:300;letter-spacing:.08em;line-height:1.12;margin-bottom:10px;color:var(--text)}.login-sub{font-size:14px;font-weight:400;color:var(--text-muted);margin-bottom:28px;line-height:1.55}.login-error{background:#ff6b6b12;border:1px solid rgba(255,107,107,.28);color:var(--danger);padding:12px 14px;border-radius:12px;font-size:13.5px;margin-bottom:20px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:7px}.login-field-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.login-input{width:100%;min-height:48px;padding:13px 15px;background:#00000052;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:15px;font-weight:450;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);-webkit-appearance:none;appearance:none;caret-color:var(--accent)}.login-input:hover{border-color:var(--border-strong)}.login-input:focus{outline:none;border-color:rgba(var(--accent-rgb),.65);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}.login-input::placeholder{color:var(--text-muted)}.login-btn{margin-top:12px;width:100%;min-height:50px;padding:14px 20px;background:linear-gradient(180deg,#ffffff29,#ffffff0d);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);box-shadow:inset 0 1px #ffffff1f}.login-btn:hover{border-color:rgba(var(--accent-rgb),.55);box-shadow:inset 0 1px #ffffff24,0 14px 34px -14px rgba(var(--accent-rgb),.35);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.login-help{display:inline-flex;align-items:center;gap:8px;margin-top:18px;min-height:44px;padding:10px 14px;width:100%;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease)}.login-help:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.login-help:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.login-help svg{flex-shrink:0}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);text-align:center;font-size:10.5px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;font-weight:500}@media(prefers-reduced-motion:reduce){.login-card{animation:none}*{transition:none!important}}