.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;padding:20px;overflow:hidden;position:relative}.ambient-glow{position:fixed;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.login-wrapper{width:100%;max-width:420px;position:relative;z-index:1}.login-card{background:rgba(255,255,255,.03);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 40px 80px -20px rgba(0,0,0,.5)}.back-link{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.5);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;margin-bottom:32px}.back-link:hover{color:rgba(255,255,255,.8)}.login-content{text-align:center}.login-header{margin-bottom:32px}.logo-mark{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 8px 32px rgba(99,102,241,.4)}.logo-mark svg{color:#fff}.login-header h1{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.login-header p{color:rgba(255,255,255,.5);font-size:.95rem}#loginForm{display:flex;flex-direction:column;gap:16px}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:16px 20px;font-size:1rem;font-family:inherit;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;outline:none;transition:all .3s ease}.input-wrapper input::placeholder{color:rgba(255,255,255,.35)}.input-wrapper input:focus{background:rgba(255,255,255,.08);border-color:rgba(99,102,241,.5);box-shadow:0 0 0 4px rgba(99,102,241,.15)}.input-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2));pointer-events:none;transition:opacity .3s}.input-wrapper input:focus~.input-glow{opacity:1}#loginSubmit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(99,102,241,.4)}#loginSubmit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.5)}#loginSubmit:active{transform:translateY(0)}#loginSubmit svg{transition:transform .2s}#loginSubmit:hover svg{transform:translate(4px)}.success-message{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:14px 20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:12px;color:#10b981;font-weight:500}.success-message.hidden{display:none}.signup-prompt{margin-top:24px;font-size:.9rem;color:rgba(255,255,255,.5)}.signup-prompt a{color:#818cf8;text-decoration:none;font-weight:500;transition:color .2s}.signup-prompt a:hover{color:#a5b4fc}@media (max-width: 480px){.login-card{padding:24px}.login-header h1{font-size:1.5rem}.logo-mark{width:48px;height:48px}.logo-mark svg{width:24px;height:24px}}