@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{color-scheme:light;--login-ink:#202731;--login-muted:#717b89;--login-line:#e1e5e9;--login-green:#68bd00;--login-dark:#1d2327}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.admin-login-page{min-height:100vh;background:#f0f2f4;color:var(--login-ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.login-shell{width:min(100% - 40px,920px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:42px 0}
.login-brand{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 22px;color:var(--login-ink);text-decoration:none}
.login-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--login-green);color:white;font-size:23px}
.login-brand strong,.login-brand small{display:block}
.login-brand strong{font:800 20px Manrope,Arial,sans-serif;letter-spacing:-.4px}
.login-brand small{margin-top:3px;color:#77808a;font-size:9px;font-weight:700;letter-spacing:1.3px}
.login-card{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);overflow:hidden;border:1px solid #dfe3e7;border-radius:16px;background:#fff;box-shadow:0 18px 55px #1d232714}
.login-intro{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:480px;padding:52px 42px;background:linear-gradient(145deg,#252c32 0%,#1d2327 72%,#151a1e 100%);color:#fff}
.login-intro:after{position:absolute;right:-52px;bottom:-72px;width:230px;height:230px;border:1px solid #ffffff12;border-radius:50%;content:"";box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}
.login-eyebrow{color:#a6d477;font-size:10px;font-weight:700;letter-spacing:1.7px}
.login-intro h1{margin:14px 0 9px;font:700 clamp(29px,4vw,38px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.1px}
.login-intro>p{max-width:300px;margin:0;color:#c0c7cc;font-size:14px;line-height:1.7}
.login-community-note{display:flex;gap:11px;align-items:flex-start;margin-top:74px;padding-top:19px;border-top:1px solid #ffffff20;color:#c6cbd0}
.login-community-note>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#68bd0026;color:#a6df63;font-size:13px}
.login-community-note p{margin:2px 0 0;font-size:12px;line-height:1.6}
.login-form-wrap{align-self:center;width:100%;max-width:450px;margin:0 auto;padding:52px 48px}
.login-form-wrap h2{margin:0;color:#242b31;font:700 21px Manrope,Arial,sans-serif;letter-spacing:-.4px}
.login-form-hint{margin:7px 0 27px;color:var(--login-muted);font-size:13px;line-height:1.5}
.login-field{margin-bottom:18px}
.login-field label{display:block;margin-bottom:7px;color:#313a42;font-size:12px;font-weight:700}
.login-field input{width:100%;height:45px;padding:0 13px;border:1px solid #d9dfe4;border-radius:7px;background:#fff;color:#232b32;font:14px 'DM Sans',Arial,sans-serif;transition:border-color .16s,box-shadow .16s}
.login-field input::placeholder{color:#a2a9b0}
.login-field input:focus{outline:0;border-color:#68bd00;box-shadow:0 0 0 3px #68bd0024}
.remember-option{display:flex;align-items:center;gap:9px;margin:3px 0 21px;color:#59636d;font-size:12px;font-weight:500;cursor:pointer}
.remember-option input{width:15px;height:15px;margin:0;accent-color:#68bd00}
.login-submit{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:7px;background:#68bd00;color:#fff;font:700 14px 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .16s,transform .16s}
.login-submit:hover{transform:translateY(-1px);background:#5baa00}
.login-submit span{font-size:18px;line-height:1}
.back-to-site{display:block;width:max-content;max-width:100%;margin:21px auto 0;color:#59636d;font-size:12px;font-weight:600;text-align:center;text-decoration:none}
.back-to-site:hover{color:#4e9400;text-decoration:underline}
.login-footer{padding:18px 0 0;color:#8b939b;font-size:11px;text-align:center}
.login-footer span{padding:0 5px;color:#b2b8be}
@media(max-width:720px){
    .login-shell{width:min(100% - 28px,500px);padding:27px 0}
    .login-brand{margin-bottom:17px}
    .login-card{grid-template-columns:1fr;border-radius:13px}
    .login-intro{min-height:auto;padding:27px 25px 24px}
    .login-intro h1{font-size:27px}
    .login-intro>p{font-size:13px}
    .login-community-note{margin-top:21px;padding-top:14px}
    .login-form-wrap{padding:30px 25px 32px}
}
@media(max-width:380px){.login-shell{width:calc(100% - 22px)}.login-form-wrap{padding-right:19px;padding-left:19px}}
@media(prefers-reduced-motion:reduce){.login-field input,.login-submit{transition:none}}