:root{color:#183b44;font-synthesis:none;background:#f3f6f5;font-family:system-ui,sans-serif}body{margin:0}main{max-width:760px;margin:5vh auto;padding:24px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.12}p{line-height:1.65}.eyebrow{letter-spacing:.12em;color:#176559;font-weight:700}section{background:#fff;border:1px solid #cadbd6;border-radius:12px;margin-top:36px;padding:24px}form{gap:10px;max-width:440px;display:grid}label{margin-top:8px;font-weight:650}input,button{font:inherit;border-radius:8px;min-height:44px}input{border:1px solid #839e96;min-width:0;padding:8px 12px}button{color:#fff;cursor:pointer;background:#176559;border:1px solid #176559;padding:10px 16px}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b77d10}.actions{flex-wrap:wrap;gap:10px;display:flex}.secondary{color:#183b44;background:#fff}.text-button{color:#176559;text-align:left;background:0 0;border-color:#0000;margin-top:16px;padding-left:0}.environment{color:#654500;background:#fff0ce;border-radius:6px;padding:4px 10px;font-size:.9rem;display:inline-block}.hint{color:#49645b;font-size:.9rem}.notice{background:#e0eeeb;border-radius:8px;padding:14px}@media (width<=540px){main{margin:12px auto;padding:16px}section{padding:18px}.actions button{width:100%}}
