@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}:root{--bg:#080808;--surface:#0f0f0f;--raised:#161616;--border:#1f1f1f;--border-hi:#2e2e2e;--amber:#f59e0b;--amber-dim:#92400e;--amber-ink:#f59e0b1a;--red:#ef4444;--red-ink:#ef44441a;--red-dim:#7f1d1d;--green:#10b981;--txt-1:#f0f0f0;--txt-2:#a0a0a0;--txt-3:#444;--mono:"IBM Plex Mono",monospace;--sans:"IBM Plex Sans",sans-serif}body{background:var(--bg);color:var(--txt-1);font-family:var(--sans);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}body:before{content:"";background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);opacity:.4;pointer-events:none;background-size:48px 48px;position:fixed;inset:0}body:after{content:"";pointer-events:none;background:radial-gradient(#f59e0b0f 0%,#0000 70%);width:600px;height:400px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.login-card{z-index:1;background:var(--surface);border:1px solid var(--border-hi);border-radius:14px;width:100%;max-width:400px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f59e0b0a,0 24px 80px #000000b3,0 4px 16px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:none}}.login-card:before{content:"";background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;border-bottom:1px solid var(--border);padding:32px 32px 24px}.login-logo{background:var(--amber);width:48px;height:48px;font:700 18px/1 var(--mono);color:#000;border-radius:10px;place-items:center;margin-bottom:16px;display:inline-grid;box-shadow:0 4px 16px #f59e0b40}.login-title{font:600 20px/1 var(--mono);color:var(--txt-1);letter-spacing:-.5px;margin-bottom:5px}.login-sub{font:11px/1 var(--mono);color:var(--txt-3);letter-spacing:.08em;text-transform:uppercase}.login-body{flex-direction:column;gap:16px;padding:28px 32px 32px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{font:500 9px/1 var(--mono);color:var(--txt-3);letter-spacing:.15em;text-transform:uppercase}.login-input-wrap{position:relative}.login-input-icon{width:15px;height:15px;color:var(--txt-3);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-input{background:var(--raised);border:1px solid var(--border-hi);width:100%;height:44px;color:var(--txt-1);font:13px/1 var(--mono);border-radius:8px;outline:none;padding:0 12px 0 40px;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--txt-3)}.login-input:focus{border-color:var(--amber-dim);box-shadow:0 0 0 3px #f59e0b14}.login-input.error-input{border-color:var(--red-dim);box-shadow:0 0 0 3px #ef444414}.login-input:focus+.login-input-icon,.login-input-wrap:focus-within .login-input-icon{color:var(--amber-dim)}.pw-toggle{cursor:pointer;color:var(--txt-3);background:0 0;border:none;padding:4px;line-height:0;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--txt-2)}.pw-toggle svg{width:15px;height:15px}.login-error{background:var(--red-ink);border:1px solid var(--red-dim);font:12px/1.4 var(--mono);color:var(--red);border-radius:7px;align-items:center;gap:8px;padding:10px 14px;animation:.3s shake;display:flex}.login-error svg{flex-shrink:0;width:14px;height:14px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.expired-banner{background:var(--amber-ink);border:1px solid var(--amber-dim);font:11px/1.4 var(--mono);color:var(--amber);border-radius:7px;align-items:center;gap:8px;padding:10px 14px;display:flex}.expired-banner svg{flex-shrink:0;width:13px;height:13px}.login-btn{background:var(--amber);width:100%;height:44px;font:600 13px/1 var(--mono);color:#000;cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 2px 12px #f59e0b33}.login-btn:hover:not(:disabled){background:#fbbf24;box-shadow:0 4px 20px #f59e0b4d}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn .spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-success{font:12px/1.4 var(--mono);color:var(--green);background:#10b9811a;border:1px solid #064e3b;border-radius:7px;align-items:center;gap:8px;padding:10px 14px;display:flex}.login-footer{border-top:1px solid var(--border);text-align:center;padding:14px 32px}.login-footer-text{font:10px/1 var(--mono);color:var(--txt-3);letter-spacing:.06em}.login-footer-text strong{color:var(--txt-2);font-weight:500}