*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,sans-serif}.login-overlay{background:#00000052;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-surface{color:#242424;background:#fff;border-radius:12px;width:100%;max-width:440px;padding:32px;box-shadow:0 2px 12px #00000038}.login-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.login-header h1{margin:0;font-size:24px;font-weight:700}.login-header p{color:#616161;margin:0;font-size:14px}.login-content{flex-direction:column;gap:16px;display:flex}.login-error{color:#a4262c;background:#fdf3f4;border:1px solid #d13438;border-radius:6px;padding:12px 16px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#0078d4;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:14px;font-weight:600;display:flex}.login-button:hover{background:#106ebe}.login-footer{text-align:center;color:#616161;margin:0;font-size:12px;line-height:1.5}.login-footer a{color:#0f6cbd;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-loading{justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.login-loading i{border:2px solid #0078d4;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-overlay{padding:16px}.login-surface{padding:28px 22px}}