:root{--green: #297F65;--ink: #1d2b2a;--muted: #6b7a79;--bg: #f4f6f6;--line: #e4e8e8}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:"Source Sans 3",Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:56px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:6px;font-size:22px;font-weight:700;color:var(--ink);text-decoration:none}.brand-mark{color:var(--green)}.topbar-right{display:flex;align-items:center;gap:22px}.help{color:var(--green);font-weight:600;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.help-q{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--green);border-radius:50%;font-size:10px}.locale-wrap{position:relative}.locale-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d7dcdc;border-radius:6px;background:#fff;padding:7px 12px;font-size:14px;color:var(--ink);cursor:pointer}.caret{font-size:10px;opacity:.7}.locale-menu{position:absolute;top:40px;right:0;z-index:30;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #0000001f;min-width:150px}.locale-menu li{margin:0}.locale-menu button{width:100%;text-align:left;padding:8px 12px;border:none;background:none;border-radius:6px;font-size:14px;color:var(--ink);cursor:pointer}.locale-menu button:hover{background:#f1f5f4}.locale-menu button.on{color:var(--green);font-weight:700}.host{display:flex;flex-direction:column;align-items:center;padding:32px 16px;gap:14px}.card{position:relative;width:100%;max-width:1120px;min-height:220px;background:#fff;border-radius:14px;box-shadow:0 10px 40px #00000014;padding:48px 64px}.card.hero{display:flex;max-width:1040px;padding:0;overflow:hidden}.card-hero{flex:0 0 46%;align-self:stretch;min-height:580px;background:#1b1b1b url(/hero-login.webp) 50% 38% / cover no-repeat}.card-form{position:relative;flex:1 1 54%;display:flex;flex-direction:column;justify-content:center;padding:56px}@media (max-width: 860px){.card.hero{max-width:560px}.card-hero{display:none}.card-form{padding:44px 36px}}.loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid #e4e8e8;border-top-color:var(--green);animation:spin .8s linear infinite}.loader-text{color:var(--muted);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.hint{color:var(--muted);font-size:12px;margin:0}.hint code{background:#eef2f2;padding:1px 6px;border-radius:5px}