@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--card: rgba(20, 20, 35, .85);--border: rgba(255, 255, 255, .08);--text: #e8e8f0;--text2: #8888a0;--muted: #555570;--accent: #4a9eff;--glow: rgba(74, 158, 255, .3);--err: #ff4a6a }html,body{height:100%;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}body{display:flex;align-items:center;justify-content:center}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(74,158,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(74,158,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:gm 20s linear infinite;z-index:0}@keyframes gm{to{transform:translate(60px,60px)}}.bg-glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(150px);opacity:.12;z-index:0;pointer-events:none}.bg-glow-1{top:-200px;right:-100px;background:var(--accent)}.bg-glow-2{bottom:-200px;left:-100px;background:#8a4aff}.wireframe-decoration{position:fixed;z-index:1;opacity:.05;pointer-events:none}.wireframe-left{top:10%;left:5%;width:250px;animation:fl 8s ease-in-out infinite}@keyframes fl{0%,to{transform:translateY(0)}50%{transform:translateY(-15px) rotate(2deg)}}.login-container{position:relative;z-index:10;width:100%;max-width:420px;padding:20px}.login-card{background:var(--card);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border);border-radius:20px;padding:44px 36px;box-shadow:0 20px 60px #00000080,0 0 80px #4a9eff0a;animation:ca .7s cubic-bezier(.16,1,.3,1)}@keyframes ca{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.logo-section{text-align:center;margin-bottom:36px}.logo-icon{width:56px;height:56px;margin:0 auto 16px}.logo-icon svg{width:100%;height:100%}.logo-title{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:12px;color:var(--text2);letter-spacing:2px;text-transform:uppercase}.login-form{margin-top:28px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11px;font-weight:500;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.form-input{width:100%;padding:13px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:var(--text);outline:none;transition:all .3s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--accent);background:#4a9eff0a;box-shadow:0 0 0 3px var(--glow)}.form-input.error{border-color:var(--err);box-shadow:0 0 0 3px #ff4a6a1f}.login-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--accent),#3d7dd9);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s;margin-top:6px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px var(--glow)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp .6s linear infinite;margin:0 auto}.login-btn.loading .btn-text{display:none}.login-btn.loading .spinner{display:block}@keyframes sp{to{transform:rotate(360deg)}}.error-message{display:none;padding:10px 14px;background:#ff4a6a14;border:1px solid rgba(255,74,106,.15);border-radius:8px;color:var(--err);font-size:12px;margin-top:14px;animation:sh .4s ease}.error-message.visible{display:block}@keyframes sh{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-footer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.login-footer p{font-size:11px;color:var(--muted)}.login-footer .version{margin-top:3px;font-size:10px;opacity:.6}@media(max-width:480px){.login-card{padding:32px 24px;border-radius:14px}.wireframe-decoration{display:none}}