:root{--primary:#0f172a;--primary-hover:#1e293b;--bg:#f8fafc;--text:#334155;--border:#cbd5e1;--error:#ef4444}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg);background-image:url(/images/bg.webp);background-position:center;color:var(--text);height:100vh;margin:0}.login-container{background:#ffffff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.05);width:100%;max-width:400px;border:1px solid #e2e8f0}.logo{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:var(--primary)}main{height:100%;backdrop-filter:blur(5px) brightness(30%);display:flex;flex-direction:column;justify-content:center;align-items:center;}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--primary)}input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;box-sizing:border-box}input:focus{outline:none;border-color:#3b82f6}.btn{width:100%;background-color:var(--primary);color:white;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid white;width:16px;height:16px;animation:spin 1s linear infinite;display:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.global-error{background-color:#fef2f2;color:var(--error);padding:.75rem;border-radius:6px;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #fecaca;text-align:center}