:root{--primary: #6366f1;--primary-hover: #4f46e5;--surface: rgba(15, 23, 42, .75);--border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-muted: #94a3b8;--error: #ef4444;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#020617;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15),transparent 30%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.15),transparent 30%);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:440px;padding:1.5rem}.glass-panel{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo-icon{font-size:2.25rem;color:var(--primary);filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}h1{font-size:1.85rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{text-align:center;color:var(--text-muted);font-size:.95rem;margin-top:-1.25rem;margin-bottom:1rem}#login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem}input{width:100%;padding:1.1rem 1.1rem 1.1rem 3.25rem;background:#0000004d;border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:1.05rem;font-family:inherit;transition:all .25s;outline:none}input:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 0 4px #6366f126}input::placeholder{color:#94a3b899}.submit-btn{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:1.1rem;font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .25s;font-family:inherit;box-shadow:0 8px 16px -4px #6366f14d}.submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 20px -4px #6366f166}.submit-btn:active{transform:translateY(0)}.error-message{color:var(--error);font-size:.9rem;text-align:center;min-height:1.25rem;font-weight:500;opacity:.9}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shake .4s ease-in-out}