@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";.auth-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);position:relative;overflow:hidden}.auth-bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0}.circle-1{width:400px;height:400px;background:#6366f1;top:-100px;left:-100px}.circle-2{width:300px;height:300px;background:#c084fc;bottom:-50px;right:-50px}.login-card{width:100%;max-width:400px;background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);padding:2.5rem;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;z-index:10;display:flex;flex-direction:column;gap:1.5rem;animation:floatUp .5s ease-out}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:2rem;font-weight:700;text-align:center;margin:0;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{text-align:center;color:#94a3b8;margin-top:-1rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;color:#cbd5e1;font-weight:500}.form-input{background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:.8rem 1rem;color:#fff;font-family:inherit;font-size:1rem}outline: none; transition: all .2s; } .form-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.btn-login{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.9rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f166}.btn-login:disabled{opacity:.7;cursor:not-allowed}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.8rem;border-radius:8px;font-size:.9rem;text-align:center}:root{--bg-gradient: linear-gradient(135deg, #111827 0%, #0a192f 100%);--glass-bg: rgba(15, 23, 42, .7);--glass-border: 1px solid rgba(99, 102, 241, .2);--text-main: #f0f8ff;--accent-color: #c084fc}body{margin:0;padding:0;font-family:Fredoka,sans-serif;background:var(--bg-gradient);color:var(--text-main);height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}