.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{z-index:1;width:100%;max-width:520px;padding:2rem;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative}.logo{text-align:center;margin-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.logo-text{font-family:"Syne",var(--font-syne),sans-serif;letter-spacing:-.02em;background:linear-gradient(120deg,var(--primary-orange)0%,var(--primary-cyan)25%,var(--primary-purple)50%,var(--primary-pink)75%,var(--primary-orange)100%);-webkit-text-fill-color:transparent;cursor:pointer;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:4rem;font-weight:800;text-decoration:none;transition:transform .3s,filter .3s;animation:8s infinite gradient-shift;display:inline-block}.logo-text:hover{filter:brightness(1.1);transform:scale(1.02)}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.logo-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400}.login-card{border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:var(--shadow-xl),0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff0d;background:linear-gradient(135deg,#1a1d26cc,#13151cf2);border-radius:24px;padding:3rem 3.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;position:relative;overflow:hidden}.login-card:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#a855f733,#0000);height:200px;position:absolute;top:0;left:0;right:0}.card-header{margin-bottom:2rem;position:relative}.card-title{font-family:"Syne",var(--font-syne),sans-serif;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.card-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400}.error-message{color:#fca5a5;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;animation:.4s cubic-bezier(.36,.07,.19,.97) shake;display:flex}.error-message svg{stroke:#fca5a5;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);letter-spacing:.01em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-primary);font-size:1rem;font-family:"Inter",var(--font-inter),sans-serif;border-radius:12px;outline:none;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--border-glow);background:#a855f708;transform:translateY(-2px);box-shadow:0 0 0 4px #a855f714,inset 0 0 0 1px #a855f71a}.form-input:hover:not(:focus):not(:disabled){border-color:#ffffff1f}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-wrapper{position:relative}.password-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.btn{cursor:pointer;width:100%;font-size:1rem;font-weight:600;font-family:"Inter",var(--font-inter),sans-serif;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-purple)0%,var(--primary-pink)100%);color:#fff;margin-bottom:1rem;box-shadow:0 0 #a855f700,0 8px 24px -8px #a855f766}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#b565ff 0%,#ff5caa 100%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 4px #a855f71a,0 12px 32px -8px #a855f799}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn span{z-index:1;position:relative}.btn-gmail{color:#1f2937;background:#fff;border:1.5px solid #ffffff1a;margin-bottom:1.5rem}.btn-gmail:hover:not(:disabled){background:#f9fafb;transform:translateY(-2px);box-shadow:0 8px 24px -8px #fff3}.google-icon{flex-shrink:0;width:20px;height:20px}.divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.divider-text{color:var(--text-tertiary);font-size:.875rem;font-weight:500}.signup-section{border-top:1px solid var(--border-subtle);text-align:center;margin-top:2rem;padding-top:2rem}.signup-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem}.btn-signup{border:1.5px solid var(--border-glow);color:var(--text-primary);background:#a855f71a}.btn-signup:hover{background:#a855f726;border-color:#a855f766;transform:translateY(-2px);box-shadow:0 0 0 4px #a855f70d,0 8px 24px -8px #a855f74d}.btn.loading{pointer-events:none}.btn.loading span{opacity:0}.btn.loading:after{content:"";z-index:2;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite spinner;position:absolute;top:50%;left:50%}.btn-gmail.loading:after{border-color:#1f2937 #1f29374d #1f29374d}@keyframes spinner{to{transform:rotate(360deg)}}@media (max-width:640px){.login-container{margin-top:5rem;padding:1.5rem}.login-card{padding:2rem}.logo-text{font-size:3rem}.card-title{font-size:1.75rem}}