:root{--bg-body:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--border:#334155;--danger:#ef4444}.login-container{background-color:var(--bg-body);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex}.login-card{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-brand{color:var(--text-main);margin-bottom:10px;font-size:32px;font-weight:800}.login-brand span{color:var(--accent)}.login-subtitle{color:var(--text-muted);margin-bottom:30px;font-size:14px}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-input{background-color:var(--bg-body);border:1px solid var(--border);color:#fff;border-radius:10px;outline:none;width:100%;padding:14px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.btn-login{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-login:hover{background-color:var(--accent-hover)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--danger);background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:10px;font-size:13px}