:root{--bg:#080b14;--surface:#111827db;--surface-light:#ffffff0e;--border:#ffffff17;--text:#f8fafc;--muted:#94a3b8;--primary:#6d63ff;--primary-hover:#7c74ff;--success:#22c55e;--danger:#fb7185}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.login-page{min-height:100vh;overflow-x:hidden}.login-background{background:radial-gradient(circle at 80% 5%,#635bff4d,#0000 32%),radial-gradient(circle at 10% 90%,#0ea5e921,#0000 30%),linear-gradient(135deg,#070a12,#0d1220 55%,#10162a);position:fixed;inset:0}.login-background:before{content:"";opacity:.1;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0}.login-glow{filter:blur(20px);pointer-events:none;border-radius:50%;position:absolute}.login-glow-one{background:#635bff24;width:520px;height:520px;top:-220px;right:-180px}.login-glow-two{background:#0ea5e912;width:420px;height:420px;bottom:-180px;left:-180px}.login-container{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex;position:relative}.login-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#111827eb,#0f172ad6);border-radius:24px;width:100%;max-width:520px;padding:42px;box-shadow:0 35px 100px #0000006b,inset 0 1px #ffffff09}.login-brand{align-items:center;gap:14px;margin-bottom:42px;display:flex}.login-brand-icon{background:linear-gradient(135deg,#7c73ff,#554cff);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:800;display:flex;box-shadow:0 10px 30px #635bff59}.login-brand-title{font-size:17px;font-weight:700;line-height:1.2}.login-brand-subtitle{color:var(--muted);margin-top:5px;font-size:13px}.login-header{margin-bottom:32px}.login-label{color:#9993ff;letter-spacing:1.6px;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.login-header h1{letter-spacing:-.8px;margin:0 0 10px;font-size:34px;line-height:1.15}.login-header p{max-width:400px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:9px;width:100%;display:flex}.form-group label{color:#d1d5db;font-size:13px;font-weight:600}.form-group input{color:#fff;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:54px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder{color:#64748b}.form-group input:hover{background:#fff1}.form-group input:focus{background:#ffffff13;border-color:#6d63ffe6;box-shadow:0 0 0 4px #6d63ff1c}.password-field{width:100%;position:relative}.password-field input{width:100%;padding-right:100px}.password-toggle{color:#a7a2ff;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:600;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.remember-field{color:#a3adc0;cursor:pointer;align-items:center;gap:10px;width:fit-content;font-size:13px;display:flex}.remember-field input{width:16px;height:16px;accent-color:var(--primary)}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#766dff,#574dff);border:0;border-radius:12px;width:100%;height:54px;margin-top:2px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 12px 32px #635bff47}.login-submit:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 16px 38px #635bff61}.login-submit:active{transform:translateY(0)}.form-error{color:var(--danger);font-size:13px}.login-footer{color:#748094;border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:10px;margin-top:32px;padding-top:24px;font-size:12px;display:flex}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e17}.login-card{opacity:0;animation:.55s forwards login-card-show;transform:translateY(18px)scale(.985)}@keyframes login-card-show{to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.login-container{padding:20px}.login-card{border-radius:20px;padding:30px 24px}.login-header h1{font-size:29px}}html,body{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;min-height:100%}body{font-size:16px;line-height:1.5}.login-brand-title{font-size:19px}.login-brand-subtitle{color:#a8b2c4;font-size:14px}.login-label{font-size:13px}.login-header h1{font-size:36px}.login-header p{color:#a8b2c4;font-size:15px;line-height:1.65}.form-group label{font-size:14px}.form-group input{height:56px;font-size:16px}.password-toggle{min-height:40px;padding:0 8px;font-size:13px}.remember-field{font-size:14px}.remember-field input{width:18px;height:18px}.login-submit{height:56px;font-size:16px}.form-error{font-size:14px;line-height:1.4}.login-footer{color:#8d99ad;font-size:13px}@media (width<=600px){.login-page{min-height:100dvh}.login-container{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));align-items:center}.login-card{border-radius:20px;max-width:100%;padding:26px 18px}.login-brand{gap:12px;margin-bottom:30px}.login-brand-icon{border-radius:14px;width:48px;height:48px;font-size:15px}.login-brand-title{font-size:18px}.login-brand-subtitle{margin-top:4px;font-size:13px}.login-header{margin-bottom:26px}.login-label{margin-bottom:8px;font-size:12px}.login-header h1{margin-bottom:10px;font-size:30px;line-height:1.12}.login-header p{font-size:15px;line-height:1.6}.login-form{gap:18px}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input{border-radius:12px;height:54px;padding-left:14px;padding-right:14px;font-size:16px}.password-field input{padding-right:96px}.password-toggle{min-height:42px;font-size:13px;right:10px}.remember-field{gap:10px;min-height:44px;font-size:14px}.remember-field input{width:19px;height:19px}.login-submit{border-radius:13px;height:56px;font-size:16px}.form-error{font-size:13px}.login-footer{text-align:center;gap:9px;margin-top:26px;padding-top:20px;font-size:12px;line-height:1.4}.login-glow-one{width:320px;height:320px;top:-130px;right:-150px}.login-glow-two{width:280px;height:280px;bottom:-120px;left:-130px}}@media (width<=390px){.login-container{padding-left:10px;padding-right:10px}.login-card{padding:23px 16px}.login-brand{margin-bottom:26px}.login-header h1{font-size:28px}.login-header p{font-size:14px}}@media (width<=760px) and (height<=520px){.login-container{align-items:flex-start;padding-top:14px;padding-bottom:14px}.login-card{padding-top:20px;padding-bottom:20px}.login-brand,.login-header{margin-bottom:20px}.login-footer{margin-top:20px}}@media (hover:none) and (pointer:coarse){.login-submit,.password-toggle,.remember-field{-webkit-tap-highlight-color:transparent}.login-submit:hover{filter:none;transform:none}}