.login-container{background:linear-gradient(135deg,#2a2a40 0%,#1a1a2e 50%,#16213e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:10;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:400px;padding:32px;transition:all .3s;position:relative;transform:translateY(0);box-shadow:0 8px 32px rgba(0,0,0,.3)}.login-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.login-title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#a855f7,#06b6d4);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.login-subtitle{color:#d1d5db;margin-bottom:30px;font-size:1.1rem}.input-group{text-align:left;margin-bottom:20px}.input-label{color:#d1d5db;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.login-input{color:#fff;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.login-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.2)}.forgot-password-container{text-align:right;margin-bottom:10px}.forgot-password{color:#06b6d4;cursor:pointer;background:0 0;border:none;font-size:.9rem;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;transition:all .3s}.forgot-password:hover{color:#8b5cf6;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#06b6d4);border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;margin-top:10px;padding:12px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.login-button:hover:not(:disabled){background:linear-gradient(90deg,#06b6d4,#7c3aed);transform:scale(1.03)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.signup-link{color:#06b6d4;cursor:pointer;background:0 0;border:none;margin-left:5px;font-weight:600;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;transition:color .3s}.signup-link:hover{color:#8b5cf6;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.social-login{flex-direction:column;gap:12px;margin-top:20px;display:flex}.google-button{color:#000;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:25px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.google-button:hover:not(:disabled){background:#f1f1f1;transform:scale(1.02)}.google-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.apple-button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.apple-button:hover{background:#1c1c1c;transform:scale(1.02)}.signup-prompt{color:#d1d5db;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;font-size:.9rem}.login-error{color:#fca5a5;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.decorative1{opacity:.1;background:#a855f7;border-radius:50%;width:80px;height:80px;animation:2s infinite pulse;position:absolute;top:40px;left:40px}.decorative2{opacity:.1;background:#06b6d4;border-radius:50%;width:64px;height:64px;animation:3s infinite bounce;position:absolute;top:120px;right:80px}.decorative3{opacity:.1;background:#8b5cf6;border-radius:50%;width:96px;height:96px;animation:4s infinite pulse;position:absolute;bottom:80px;left:80px}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:640px){.login-container{padding:16px}.login-card{max-width:100%;padding:24px}.login-title{font-size:2rem}.login-subtitle{font-size:1rem}.login-input{padding:10px 14px;font-size:.95rem}.login-button,.google-button,.apple-button{padding:10px;font-size:.95rem}.decorative1,.decorative2,.decorative3{display:none}}