:root{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#263229;background:#f8f9f7;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
.page{min-height:100vh;max-width:1440px;margin:auto;padding:0 clamp(24px,5vw,88px);display:flex;flex-direction:column}
.site-header{height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.wordmark{display:flex;align-items:center;gap:11px;font:800 19px/1 "Trebuchet MS",sans-serif;letter-spacing:.025em}
.wordmark-symbol{width:34px;height:34px;background:#236346;color:#fff;border-radius:8px;display:grid;place-items:center;font-size:21px;letter-spacing:-.08em}
.header-caption{color:#87918a;font-size:12px;letter-spacing:.1em;font-weight:600}
.entry-shell{flex:1;width:min(100%,1100px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;column-gap:clamp(48px,8vw,140px)}
.brand-panel{padding:0 0 18px}
.brand-eyebrow{display:flex;align-items:center;gap:10px;color:#ca5060;font-size:13px;font-weight:700;letter-spacing:.12em;margin:0 0 24px}
.brand-eyebrow span{width:7px;height:7px;background:#e84d60;border-radius:50%}
h1{font-size:clamp(38px,4vw,56px);line-height:1.3;letter-spacing:-.055em;margin:0;font-weight:760;color:#264434}
.brand-copy{font-size:15px;line-height:1.9;color:#758078;margin:22px 0 0;max-width:390px}
.brand-foot{font:700 10px/1.4 "Trebuchet MS",sans-serif;letter-spacing:.19em;color:#adb6af;margin:48px 0 0}
.brand-foot span{color:#d96573;padding:0 4px}
.entry-panel{width:100%;background:#fff;border:1px solid #e9eeea;border-radius:18px;padding:38px 36px;box-shadow:0 18px 48px #22392b0b}
.section-label{color:#c95766;display:block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:15px}
h2{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:0;color:#263b2d}
.entry-copy{font-size:14px;line-height:1.8;color:#7c8780;margin:15px 0 28px}
.login-button{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 17px;border-radius:9px;background:#236346;color:#fff;text-decoration:none;font-size:15px;font-weight:700;transition:background .2s,transform .2s}
.login-button:hover{background:#194f37;transform:translateY(-2px)}
.login-button:focus-visible{outline:3px solid #e84d60;outline-offset:4px}
.login-note{color:#9ba59d;font-size:11px;line-height:1.6;margin:14px 0 0}
.site-footer{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#a2ada4;font-size:11px}
@media(max-width:760px){.entry-shell{width:min(100%,520px);grid-template-columns:1fr;align-content:center;gap:36px;padding:40px 0}.brand-panel{padding:0}.brand-foot{display:none}.entry-panel{max-width:420px}h1{font-size:40px}}
@media(max-width:520px){.page{padding:0 22px}.site-header{height:70px}.wordmark{font-size:16px}.wordmark-symbol{width:32px;height:32px;font-size:20px}.header-caption{font-size:11px}.entry-shell{gap:31px;padding:30px 0 45px}.brand-eyebrow{font-size:11px;margin-bottom:16px}h1{font-size:33px}.brand-copy{font-size:13px;margin-top:12px}.entry-panel{padding:29px 25px;border-radius:15px}h2{font-size:27px}.entry-copy{font-size:13px;margin:13px 0 24px}.site-footer{min-height:48px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.login-button{transition:none}.login-button:hover{transform:none}}