:root{--login-green:#21c58b;--login-blue:#2d8cff;--login-ink:#0d1c2b}
.autofill-username{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.login-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 10%,#173e53 0,transparent 32%),linear-gradient(135deg,#08131f 0%,#0b2030 48%,#0d2b35 100%);color:#fff;display:grid;place-items:center;padding:32px}
.login-page:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.login-glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.25}.login-glow-one{width:420px;height:420px;background:#00d593;top:-220px;right:-80px}.login-glow-two{width:300px;height:300px;background:#168cff;bottom:-180px;left:-80px}
.login-shell{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}
.login-intro{padding:30px}.brand-mark{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,var(--login-green),#109c75);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:15px;box-shadow:0 15px 38px #00c98c40}.brand-mark span{display:block;width:6px;border-radius:8px;background:#fff}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:20px}
.eyebrow{margin:28px 0 10px;color:#63dbb2;font-size:12px;font-weight:800;letter-spacing:.18em}.login-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0;letter-spacing:-.04em}.intro-copy{max-width:500px;margin:20px 0 34px;color:#abc1ce;font-size:17px;line-height:1.75}.service-state{display:inline-flex;align-items:center;gap:10px;border:1px solid #8ffff12e;border-radius:999px;padding:9px 14px;background:#ffffff0b;color:#c7d9e2;font-size:13px}.service-state i{width:8px;height:8px;background:#45e5a9;border-radius:50%;box-shadow:0 0 0 5px #45e5a91c}
.login-panel{background:#fffffff5;color:var(--login-ink);padding:38px;border:1px solid #ffffff85;border-radius:22px;box-shadow:0 32px 80px #00000042;backdrop-filter:blur(18px)}.panel-heading .eyebrow{margin:0 0 10px;color:#168a68}.panel-heading h2{font-size:27px;margin:0 0 8px}.panel-heading>p:last-child{color:#718096;margin:0 0 30px;font-size:14px}
.password-field{display:block;color:#34495e;font-weight:700;font-size:13px}.password-field>span:first-child{display:block;margin-bottom:9px}.input-wrap{position:relative;display:block}.input-wrap svg{position:absolute;width:20px;height:20px;left:15px;top:50%;transform:translateY(-50%);fill:#8295a7}.input-wrap input{width:100%;height:52px;padding:0 15px 0 47px;border:1px solid #cfdae2;border-radius:11px;background:#f8fafc;color:#172b3a;outline:none;transition:.2s}.input-wrap input:focus{border-color:var(--login-green);background:#fff;box-shadow:0 0 0 4px #21c58b1c}.input-wrap input::placeholder{color:#a2afba}
.login-error{margin-top:14px;padding:11px 13px;border-radius:9px;background:#fff0ef;border:1px solid #ffc6c2;color:#b42318;font-size:13px}.login-submit{width:100%;height:52px;margin-top:22px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:11px;background:linear-gradient(100deg,#159b72,var(--login-green));box-shadow:0 12px 25px #18a87b38;font-size:15px;transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 30px #18a87b4a}.login-submit:active{transform:translateY(0)}.security-note{text-align:center;color:#8b99a6;font-size:12px;margin:18px 0 0}
@media(max-width:760px){.login-page{padding:20px;overflow:auto}.login-shell{grid-template-columns:1fr;gap:18px}.login-intro{padding:10px}.login-intro h1{font-size:36px}.intro-copy{margin:14px 0 20px}.login-panel{padding:28px 22px}.brand-mark{width:50px;height:50px}.service-state{display:none}}
.login-submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}