:root{--bg:#f4f7fb;--white:#fff;--border:#e4e9f2;--text:#1f2a44;--muted:#7a869a;--blue:#2f6bff;--blue-dark:#245bdd}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}.login-shell{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);min-height:100vh}.login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:46px 54px;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(55,118,255,.42),transparent 32%),radial-gradient(circle at 85% 80%,rgba(0,204,255,.17),transparent 30%),linear-gradient(145deg,#0e2245,#07152c 72%)}.login-brand-panel:after{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.login-brand,.login-message,.login-status{position:relative;z-index:1}.login-brand,.login-mobile-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#2f6bff;box-shadow:0 8px 24px rgba(47,107,255,.32)}.login-message{max-width:540px}.login-eyebrow{display:block;margin-bottom:18px;color:#67d7ff;font-size:11px;font-weight:700;letter-spacing:1.6px}.login-message h1{font-size:48px;line-height:1.08;letter-spacing:-1.5px}.login-message p{max-width:480px;margin-top:24px;color:#b9c7de;font-size:16px;line-height:1.7}.login-status{display:flex;align-items:center;gap:9px;color:#aabbd4;font-size:12px}.login-status i{width:8px;height:8px;border-radius:50%;background:#36ce76;box-shadow:0 0 10px rgba(54,206,118,.75)}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:44px;background:#f7f9fc}.login-card{width:min(430px,100%)}.login-mobile-brand{display:none;margin-bottom:48px;color:var(--text)}.login-card h2{font-size:32px;letter-spacing:-.6px}.login-intro{margin:10px 0 30px;color:var(--muted);font-size:14px}.login-card form{display:grid;gap:20px}.login-card label{display:grid;gap:8px;color:#4f5c72;font-size:12px;font-weight:700}.login-card input{width:100%;height:48px;padding:0 14px;border:1px solid #d7deea;border-radius:11px;background:#fff;color:var(--text);outline:none}.login-card input:focus{border-color:#8caaff;box-shadow:0 0 0 4px rgba(47,107,255,.1)}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;top:0;right:4px;height:48px;padding:0 10px;border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.login-options{display:flex;justify-content:space-between;gap:15px;color:#8a95a7;font-size:11px}.login-options a,.back-login{color:var(--blue);font-weight:700;text-decoration:none}.login-submit{height:48px;border:0;border-radius:11px;color:#fff;background:var(--blue);font-weight:700;cursor:pointer;box-shadow:0 9px 22px rgba(47,107,255,.22)}.login-submit:hover{background:var(--blue-dark)}.login-help{margin-top:24px;color:#98a2b2;font-size:11px;text-align:center}.login-error,.login-success{margin:18px 0;padding:13px 14px;border-radius:10px;font-size:12px;line-height:1.5}.login-error{color:#b42318;border:1px solid #fecaca;background:#fef2f2}.login-success{color:#166534;border:1px solid #bbf7d0;background:#f0fdf4}.back-login{display:inline-block;margin-top:25px;font-size:12px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px}.login-mobile-brand{display:flex}.login-card h2{font-size:28px}}@media(max-width:480px){.login-options{align-items:flex-start;flex-direction:column}.login-form-panel{padding:22px}}