.login-page{--bg-dark:#0a1a0f;--bg-mid:#0d2a12;--bg-light:#15381a;--primary:#ffc107;--primary-dark:#ff9800;--primary-faint:#ffc10726;--primary-border:#ffc1074d;--green-accent:#7fd43a;--text-light:#f7faf6;--text-dim:#f7faf6b3;--text-muted:#f7faf680;--card-bg:#0a1a0ff2;--font-display:"Cormorant Garamond", serif;--font-body:"Montserrat", sans-serif;min-height:100vh;font-family:var(--font-body);background:radial-gradient(at 30% 40%,#0d2a12 0%,#0a1a0f 70%,#051008 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-loading{color:#fff;z-index:1000;background:#0a1a0f;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex;position:fixed;top:0;left:0}.login-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.login-pattern-overlay{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\" opacity=\"0.04\"><path d=\"M100,20 L120,80 L180,80 L130,120 L150,180 L100,140 L50,180 L70,120 L20,80 L80,80 Z\" fill=\"%23ffc107\"/><circle cx=\"50\" cy=\"60\" r=\"5\" fill=\"%237fd43a\"/><circle cx=\"150\" cy=\"140\" r=\"8\" fill=\"%23ffc107\"/><circle cx=\"30\" cy=\"170\" r=\"4\" fill=\"%237fd43a\"/></svg>");background-repeat:repeat;background-size:80px;width:100%;height:100%;position:fixed;top:0;left:0}.login-bg-ring{border:1px solid var(--primary-border);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.login-bg-ring--1{opacity:.08;width:600px;height:600px;animation:8s ease-in-out infinite ringPulse;top:-200px;right:-200px}.login-bg-ring--2{opacity:.06;width:450px;height:450px;animation:10s ease-in-out 2s infinite ringPulse;bottom:-150px;left:-150px}.login-bg-ring--3{opacity:.1;width:300px;height:300px;animation:12s ease-in-out infinite ringPulseCenter;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.15;transform:scale(1.08)}}@keyframes ringPulseCenter{0%,to{opacity:.1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.18;transform:translate(-50%,-50%)scale(1.12)}}.login-leaf{pointer-events:none;z-index:0;opacity:.15;font-size:2rem;animation:15s ease-in-out infinite leafFloat;position:fixed}.login-leaf--1{animation-delay:0s;top:10%;left:5%}.login-leaf--2{animation-delay:3s;bottom:15%;right:8%}.login-leaf--3{font-size:1.5rem;animation-delay:6s;top:20%;right:12%}.login-leaf--4{font-size:2.5rem;animation-delay:9s;bottom:25%;left:10%}.login-leaf--5{font-size:1.8rem;animation-delay:12s;top:60%;left:3%}@keyframes leafFloat{0%,to{opacity:.15;transform:translateY(0)rotate(0)}50%{opacity:.25;transform:translateY(-20px)rotate(5deg)}}.login-center{z-index:2;justify-content:center;align-items:center;width:100%;padding:24px 20px;display:flex;position:relative}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-border);opacity:0;width:100%;max-width:620px;padding:30px 52px;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards cardSlideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:14px;display:flex}.login-logo-icon{filter:drop-shadow(0 0 10px #ffc1074d);font-size:2.15rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-logo-text{flex-direction:column;display:flex}.login-logo-main{color:#fff;letter-spacing:-.5px;font-size:1.6rem;font-weight:700}.login-logo-highlight{color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}.login-logo-sub{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.65rem}.login-divider{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-divider-line{background:linear-gradient(90deg, transparent, var(--primary-border), transparent);width:60px;height:1px}.login-divider-icon{color:var(--primary);font-size:.7rem}.login-form-header{text-align:center;margin-bottom:22px}.login-title{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:1.95rem;font-weight:600}.login-subtitle{color:var(--text-dim);margin:0;font-size:.8rem}.login-fields{flex-direction:column;gap:18px;margin-bottom:16px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex;position:relative}.login-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600;transition:color .3s}.login-field.focused .login-label{color:var(--primary)}.login-input-wrap{background:#ffffff08;border:1px solid #ffffff1a;align-items:center;gap:12px;height:46px;padding:0 16px;transition:all .3s;display:flex}.login-field.focused .login-input-wrap{border-color:var(--primary-border);background:#ffc10708}.login-field.filled .login-input-wrap{border-color:var(--primary-border)}.login-input-icon{opacity:.5;font-size:1rem}.login-input{color:#fff;font-size:.9rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.login-input::placeholder{color:#fff3}.login-password-toggle{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0;font-size:1rem;transition:opacity .3s}.login-password-toggle:hover{opacity:1}.login-field-line{background:var(--primary);pointer-events:none;width:0;height:1px;transition:width .4s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0}.login-field.focused .login-field-line{width:100%}.login-options{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.login-checkbox{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:.75rem;display:flex}.login-checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.login-forgot-link{color:var(--primary);font-size:.75rem;text-decoration:none;transition:color .3s}.login-forgot-link:hover{color:var(--primary-dark)}.login-error{background:#f443361a;border:1px solid #f443364d;align-items:center;gap:10px;margin-bottom:18px;padding:10px 16px;display:flex}.login-error-icon{font-size:1rem}.login-error p{color:#ff6b6b;flex:1;margin:0;font-size:.75rem}.login-submit{color:#1a1a1a;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ffc107,#ff9800);border:none;justify-content:center;align-items:center;gap:12px;width:100%;height:46px;margin-bottom:16px;font-size:.75rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-submit:hover:not(.disabled):not(.loading):before{left:100%}.login-submit:hover:not(.disabled):not(.loading){transform:translateY(-2px);box-shadow:0 5px 20px #ffc1074d}.login-submit.disabled{opacity:.5;cursor:not-allowed}.login-submit.loading{opacity:.7;cursor:wait}.login-submit svg{stroke:#1a1a1a}.login-spinner{border:2px solid #1a1a1a33;border-top-color:#1a1a1a;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-switch{text-align:center;color:var(--text-dim);margin:0;font-size:.75rem}.login-switch-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .3s}.login-switch-link:hover{color:var(--primary-dark)}.login-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:20px;padding-top:16px}.login-social{justify-content:center;align-items:center;gap:0;margin-bottom:10px;display:flex}.login-google-button{justify-content:center;min-width:220px;min-height:40px;display:flex}.login-google-button.disabled{opacity:.55;pointer-events:none}.login-social-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 20px;font-size:.75rem;font-weight:500;transition:all .3s}.login-social-btn:hover{border-color:var(--primary-border);background:#ffc1071a}.login-demo-credentials{color:var(--text-muted);font-size:.7rem}.login-demo-credentials p{margin:0 0 4px}.login-demo-credentials code{color:var(--primary);background:#ffffff1a;padding:4px 8px;font-size:.7rem}@media (max-width:600px){.login-card{max-width:440px;padding:28px 24px}.login-title{font-size:1.8rem}.login-logo-main{font-size:1.3rem}.login-logo-icon{font-size:2rem}.login-input-wrap{height:46px}}@media (max-width:480px){.login-card{padding:24px 18px}.login-title{font-size:1.5rem}.login-subtitle{font-size:.7rem}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.login-submit{height:48px;font-size:.7rem}.login-social-btn{width:100%}.login-social{flex-direction:column}.login-google-button{width:100%}.login-leaf{display:none}}@media (prefers-reduced-motion:reduce){.login-card,.login-logo-icon,.login-bg-ring,.login-leaf{animation:none}.login-submit:before{display:none}}