:root{--bg: #121826;--card: #1c2233;--text: #f0f2f8;--muted: #9aa5ce;--accent: #2dd4bf;--accent-pressed: #14b8a6;--border: #2a3142;--error: #ff6b6b}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,Roboto,Arial;background:radial-gradient(1000px 700px at 10% -10%,#1f2937,transparent),var(--bg);color:var(--text);display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 15px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h1{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:.2px}.card .signin-subtitle{margin:0 0 18px;color:var(--muted);font-size:14px}.card .field{margin-bottom:14px}.card label{display:block;margin-bottom:6px;font-size:14px;color:var(--muted)}.card input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.card input::placeholder{color:var(--muted);opacity:.7}.card input:hover{background:#ffffff14}.card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf40;background:#ffffff1a}.card .password{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.card button{cursor:pointer;border:none;border-radius:10px;padding:12px 14px;font-weight:600;transition:transform .1s ease,background .15s ease,opacity .15s ease}.card button:hover{transform:translateY(-1px)}.card button:active{transform:translateY(0)}.card button.primary{width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-pressed));color:#fff}.card button.primary:disabled{opacity:.6;cursor:not-allowed}.card button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.card button.ghost{background:transparent;color:var(--muted);border:1px dashed var(--border);padding:10px 12px}.card .error{min-height:18px;margin-top:6px;color:var(--error);font-size:12px}.card .form-status{min-height:18px;margin-top:10px;font-size:13px;color:var(--muted)}