.login-body{min-height:100vh;background:linear-gradient(150deg,#0b291f 0%,#164a34 58%,#113629 100%)}
.login-shell{max-width:620px}
.login-hero{padding:28px 28px 30px}
.login-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.login-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.login-brand .brand-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.login-brand>span:last-child{display:flex;flex-direction:column;gap:2px}
.login-brand b{color:#e3bf61;font-size:10px;letter-spacing:.16em}
.login-brand small{color:#e4ece7;font-size:11px;font-weight:700}
.switch-village{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:#e5eee8;text-decoration:none;font-size:11px;font-weight:800;background:rgba(255,255,255,.07)}
.switch-village:hover,.switch-village:focus-visible{background:rgba(255,255,255,.14);outline:none}
.village-spotlight{position:relative;margin-top:39px;padding-left:72px}
.login-village-avatar{position:absolute;left:0;top:0;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:linear-gradient(145deg,#e8c76d,#cfa342);color:#17372b;font:800 24px Georgia,serif;box-shadow:0 10px 25px rgba(0,0,0,.17)}
.village-spotlight .eyebrow{margin:2px 0 5px;color:#d9bd70;letter-spacing:.16em}
.village-spotlight h1{margin:0;font-size:35px;line-height:1.12}
.village-spotlight>p:last-child{max-width:420px;margin:9px 0 0;color:#c9d8ce;line-height:1.5}
.login-benefits{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#dce8e0;font-size:10px;font-weight:700}
.login-benefits span{display:flex;align-items:center;gap:6px}
.login-benefits b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(225,187,91,.16);color:#e3bf61;font-size:10px}
.login-card{padding:28px 25px 25px;border-radius:30px 30px 0 0}
.login-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:23px}
.login-lock{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:12px;background:#dce9df;color:#205b3c;font-size:19px}
.login-card-head h2{font-size:25px;line-height:1.15}
.login-card-head p{margin:6px 0 0;color:#738078;font-size:11px;line-height:1.45}
.login-form{gap:17px!important;margin-top:0!important}
.login-form>label{gap:7px;color:#34483e;font-size:12px}
.login-input{position:relative;display:block}
.login-input>b{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#678074;font-size:8px}
.login-input input{height:54px;padding:0 62px 0 39px;border-radius:14px;border-color:#d7ded8;background:#fff;font-size:16px}
.login-input input[name=username]{padding-right:14px}
.login-input input:focus{border-color:#397055;box-shadow:0 0 0 4px rgba(57,112,85,.12)}
.password-toggle{position:absolute;right:7px;top:7px;height:40px;padding:0 11px;border:0;border-radius:10px;background:#edf2ee;color:#285c41;font-size:11px;font-weight:800}
.password-toggle:focus-visible{outline:3px solid rgba(57,112,85,.18)}
.login-submit{display:flex;align-items:center;justify-content:space-between;height:55px;margin-top:3px;padding:0 15px 0 20px;border-radius:15px;font-size:14px;box-shadow:0 10px 24px rgba(18,55,42,.19)}
.login-submit:hover{background:#1a4d38;transform:translateY(-1px)}
.login-submit b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.13);font-size:22px}
.login-help{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:13px;border-radius:13px;background:#f0f3ef;color:#68756d}
.login-help>span{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border:1px solid #9caaa1;border-radius:50%;font:700 11px Georgia,serif}
.login-help p{margin:1px 0 0;font-size:10px;line-height:1.5}
@media(min-width:621px){.login-shell{padding:26px 0}.login-card{min-height:430px;border-radius:30px}.login-hero{padding-top:25px}}
@media(max-width:390px){.login-hero{padding:22px 20px 24px}.login-brand small{display:none}.switch-village{padding:8px 10px}.village-spotlight{margin-top:30px;padding-left:61px}.login-village-avatar{width:49px;height:49px}.village-spotlight h1{font-size:30px}.login-benefits{gap:10px;margin-top:22px}.login-card{padding:24px 18px 22px}.login-card-head h2{font-size:23px}}