.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#1e1b4b,#0f172a);padding:20px;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(80px);z-index:0;opacity:.15}.login-container:before{background:#6366f1;top:-100px;left:-100px;animation:float 20s infinite alternate}.login-container:after{background:#a855f7;bottom:-100px;right:-100px;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-card{width:100%;max-width:440px;background:#1e293bb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:48px;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 20px -5px #6366f166}.login-logo span{font-size:24px;font-weight:800;color:#fff}.login-title{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{color:#94a3b8;font-size:15px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#cbd5e1;margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#64748b;pointer-events:none}.login-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.05);padding:14px 16px 14px 48px;border-radius:12px;color:#fff;font-size:15px;transition:all .2s ease;outline:none}.login-input:focus{border-color:#6366f1;background:#0f172acc;box-shadow:0 0 0 4px #6366f11a}.login-button{background:#6366f1;color:#fff;padding:14px;border-radius:12px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:#475569}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff0d}.login-google{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.login-google:hover{background:#ffffff14;border-color:#fff3}.login-footer{text-align:center;margin-top:32px;font-size:14px;color:#94a3b8}.login-toggle{color:#6366f1;font-weight:700;cursor:pointer;text-decoration:none;margin-left:6px}.login-toggle:hover{text-decoration:underline}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:12px;border-radius:10px;font-size:13px;margin-bottom:20px;display:flex;align-items:center;gap:8px}