.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.login-bg-glow{border-radius:50%;filter:blur(150px);pointer-events:none;position:absolute;z-index:0}.login-bg-glow.glow-1{background:radial-gradient(circle,rgba(0,212,170,.08) 0,transparent 70%);height:600px;left:-200px;top:-200px;width:600px}.login-bg-glow.glow-2{background:radial-gradient(circle,rgba(0,212,170,.06) 0,transparent 70%);bottom:-100px;height:400px;right:-100px;width:400px}.login-content{max-width:380px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:50px;text-align:center}.login-icon{color:var(--accent-primary);filter:drop-shadow(0 0 20px rgba(0,212,170,.4));height:56px;margin:0 auto 20px;width:56px}.login-title{color:#fff;font-size:2.2rem;font-weight:700;margin:0 0 10px}.login-title .text-gradient{background:linear-gradient(135deg,var(--accent-primary) 0,#00f5c4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.login-field,.login-form{margin-bottom:32px}.login-field label{color:var(--text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.login-field input{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.2);color:#fff;font-family:inherit;font-size:1rem;padding:14px 0;transition:all .3s ease;width:100%}.login-field input::-moz-placeholder{color:rgba(148,163,184,.4)}.login-field input::placeholder{color:rgba(148,163,184,.4)}.login-field input:hover{border-bottom-color:rgba(0,212,170,.3)}.login-field input:focus{border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 var(--accent-primary);outline:none}.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:focus,.login-field input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #050508!important;-webkit-text-fill-color:#fff!important;caret-color:#fff}.login-options{justify-content:space-between;margin-bottom:36px}.login-checkbox,.login-options{align-items:center;display:flex}.login-checkbox{cursor:pointer;gap:10px}.login-checkbox input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid rgba(0,212,170,.3);border-radius:4px;cursor:pointer;height:18px;min-width:18px;position:relative;transition:all .3s ease;width:18px}.login-checkbox input:checked,.login-checkbox input:hover{border-color:var(--accent-primary)}.login-checkbox input:checked{background:var(--accent-primary)}.login-checkbox input:checked:after{border:solid #0a1016;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.login-checkbox span{color:var(--text-secondary);font-size:.9rem}.login-forgot{color:var(--accent-primary);font-size:.9rem;position:relative;text-decoration:none}.login-forgot:after{background:var(--accent-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.login-forgot:hover:after{width:100%}.login-submit{background:linear-gradient(135deg,var(--accent-primary) 0,rgba(0,212,170,.8) 100%);border:none;border-radius:12px;color:#0a1016;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.login-submit:hover{box-shadow:0 8px 30px rgba(0,212,170,.4);transform:translateY(-2px)}.login-submit:active{transform:translateY(0)}.login-divider{align-items:center;display:flex;gap:16px;margin:32px 0}.login-divider:after,.login-divider:before{background:rgba(148,163,184,.15);content:"";flex:1;height:1px}.login-divider span{color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.login-demo{border:1px solid rgba(0,212,170,.3);border-radius:12px;color:var(--accent-primary);display:block;font-size:.95rem;font-weight:500;padding:14px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.login-demo:hover{background:rgba(0,212,170,.08);border-color:var(--accent-primary)}.login-footer{border-top:1px solid rgba(148,163,184,.1);margin-top:40px;padding-top:32px;text-align:center}.login-footer p{color:var(--text-muted);font-size:.95rem;margin:0}.login-footer a{color:var(--accent-primary);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-status{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:8px;justify-content:center;margin-top:24px}.login-status-dot{background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;height:6px;width:6px}@media (max-width:480px){.login-page{padding:100px 20px 60px}.login-title{font-size:1.8rem}.login-options{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:968px){.login-page{min-height:100vh;padding:140px 20px 60px}.login-content{max-width:100%;width:100%}.login-header{margin-bottom:40px}.login-icon{height:48px;margin-bottom:16px;width:48px}.login-title{font-size:2rem}.login-title .text-gradient{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background-clip:unset;color:#fff}.login-subtitle{font-size:.95rem}.login-field,.login-form{margin-bottom:28px}.login-field label{font-size:.7rem;margin-bottom:8px}.login-field input{-webkit-appearance:none;border-radius:0;font-size:16px;padding:16px 0}.login-options{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.login-checkbox{gap:10px}.login-checkbox input{height:20px;min-width:20px;width:20px}.login-checkbox span,.login-forgot{font-size:.9rem}.login-submit{border-radius:12px;font-size:1rem;min-height:56px;padding:18px 24px;width:100%}.login-divider{margin:28px 0}.login-divider span{font-size:.7rem}.login-demo{align-items:center;display:flex;font-size:.95rem;justify-content:center;min-height:52px;padding:16px 24px;width:100%}.login-footer{margin-top:32px;padding-top:28px}.login-footer p{font-size:.9rem}.login-status{font-size:.7rem;margin-top:20px}.login-bg-glow.glow-1{height:400px;left:-150px;opacity:.6;top:-150px;width:400px}.login-bg-glow.glow-2{bottom:-80px;height:300px;opacity:.5;right:-80px;width:300px}}@media (max-width:480px){.login-page{padding:120px 16px 48px}.login-title{font-size:1.8rem}.login-subtitle{font-size:.9rem}.login-options{align-items:flex-start;flex-direction:column;gap:14px}.login-field input{padding:14px 0}.login-submit{padding:16px 20px}}