:root{--login-green:#217346;--login-green-dark:#185c37;--login-bg:#f3f3f3;--login-text:#242424;--login-muted:#605e5c;--login-border:#d1d1d1}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI Variable","Segoe UI",SegoeUI,Arial,sans-serif;color:var(--login-text);background:var(--login-bg)}
.ms-login-v28{min-height:100vh;overflow:hidden}
.ms-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr;align-items:stretch;position:relative}
.ms-login-main{display:flex;align-items:center;justify-content:center;padding:44px 54px;background:#fff;position:relative;z-index:2;box-shadow:12px 0 30px rgba(0,0,0,.06)}
.ms-login-card{width:min(100%,390px)}
.ms-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}.ms-login-mark{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:2px;width:26px;height:26px}.ms-login-mark i{display:block;background:var(--login-green)}
.ms-login-brand strong{display:block;font-size:15px;line-height:20px;font-weight:600}.ms-login-brand small{display:block;font-size:12px;line-height:17px;color:var(--login-muted)}
.ms-login-title{margin:0 0 6px;font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.35px}.ms-login-subtitle{margin:0 0 26px;color:var(--login-muted);font-size:13px;line-height:20px}
.ms-login-alert{margin:0 0 14px;padding:10px 12px;border-radius:4px;background:#fde7e9;color:#750b1c;font-size:12px;line-height:18px}.ms-login-alert.success{background:#eaf4ee;color:#0b5a2b}
.ms-login-form{display:grid;gap:14px}.ms-login-field{display:grid;gap:6px}.ms-login-field label{font-size:12px;font-weight:600;color:#323130}.ms-login-input{height:40px;width:100%;border:1px solid var(--login-border);border-radius:3px;background:#fff;padding:0 11px;font:inherit;font-size:14px;outline:0;transition:border .12s ease,box-shadow .12s ease}.ms-login-input:hover{border-color:#a19f9d}.ms-login-input:focus{border-color:var(--login-green);box-shadow:inset 0 -2px 0 var(--login-green)}
.ms-password-wrap{position:relative}.ms-password-wrap .ms-login-input{padding-right:42px}.ms-eye{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;background:transparent;border-radius:3px;display:grid;place-items:center;color:#605e5c;cursor:pointer}.ms-eye:hover{background:#f3f2f1}.ms-eye svg{width:18px;height:18px}
.ms-login-submit{height:40px;margin-top:4px;border:1px solid var(--login-green);border-radius:3px;background:var(--login-green);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;transition:background .14s ease}.ms-login-submit:hover{background:var(--login-green-dark)}.ms-login-submit:disabled{cursor:wait;opacity:.95}.ms-login-submit .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:none;animation:ms-spin .7s linear infinite}.ms-login-submit.loading .spinner{display:block}.ms-login-submit.loading:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:45%;background:#fff;animation:ms-login-line 1.1s ease-in-out infinite}
.ms-login-foot{margin-top:24px;padding-top:16px;border-top:1px solid #edebe9;color:#8a8886;font-size:11px;line-height:17px}
.ms-login-geometry{position:relative;overflow:hidden;background:linear-gradient(145deg,#eaf4ee 0%,#f6f8f7 48%,#dfeee5 100%)}
.ms-geo-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);gap:0;opacity:.98}.ms-geo{border:1px solid rgba(33,115,70,.08)}
.ms-geo.a{grid-column:2/6;grid-row:2/6;background:#217346}.ms-geo.b{grid-column:6/9;grid-row:2/4;background:#33a06f}.ms-geo.c{grid-column:9/12;grid-row:4/8;background:#d4eadc}.ms-geo.d{grid-column:4/8;grid-row:6/9;background:#fff}.ms-geo.e{grid-column:2/4;grid-row:6/8;background:#86c49f}.ms-geo.f{grid-column:8/10;grid-row:8/10;background:#185c37}
.ms-geo-caption{position:absolute;left:8%;bottom:9%;max-width:420px}.ms-geo-caption strong{display:block;font-size:28px;line-height:36px;font-weight:600;color:#185c37;letter-spacing:-.4px}.ms-geo-caption span{display:block;margin-top:8px;font-size:13px;line-height:20px;color:#416a52;max-width:360px}
@keyframes ms-spin{to{transform:rotate(360deg)}}@keyframes ms-login-line{0%{transform:translateX(-120%)}50%{transform:translateX(85%)}100%{transform:translateX(260%)}}
@media(prefers-reduced-motion:reduce){.ms-login-submit .spinner,.ms-login-submit.loading:after{animation:none}}
@media(max-width:900px){.ms-login-shell{grid-template-columns:1fr}.ms-login-geometry{display:none}.ms-login-main{min-height:100vh;padding:32px 22px;box-shadow:none}}