@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@700;900&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#193d35;background:#f4f8f5}body{background:radial-gradient(circle at 92% 0,#deefe3,transparent 37%),#f4f8f5}main{max-width:760px;padding:24px 22px 64px}header{padding-bottom:20px;border-bottom:1px solid #dbe9df;color:#5c8879}header a{color:#174e45;text-decoration:none;font-weight:700}h1{font:900 clamp(38px,7vw,57px)/1.25 'Noto Serif SC',serif;color:#173d35;margin:32px 0 12px}.intro{color:#718c7e;max-width:510px}.notice{background:#f8f1e3;border:1px solid #f1e3c8;border-left:4px solid #dfa566;color:#785c34;border-radius:12px;font-size:13px}.card{padding:26px;border:1px solid #e0ebe3;border-radius:20px;box-shadow:0 10px 35px #244b3910}.step{color:#649d86;letter-spacing:.15em;font-size:11px}.card h2{font:700 23px 'Noto Serif SC',serif;color:#244e42;margin:10px 0}.hint{color:#82988d}select{border-color:#d5e4db;border-radius:11px;padding:14px;color:#244e42}.buttons{gap:12px}.button,button{background:#1c6655;border-radius:12px;padding:14px 20px}.secondary{background:#e6f2e9;color:#286b57}.empty{padding:32px;border-color:#b7d6c2;background:#f7fbf8;color:#8aa396}.page{border-color:#e1ece5;background:#fbfdfb}.actions button{background:#e8f4eb;color:#3f765f}.submit{background:#e2ebe5;color:#8ca197}.footer{border-top:1px solid #dce8df;padding-top:24px;color:#97aaa0}.button:focus-within,button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d89c58;outline-offset:3px}@media(max-width:420px){main{padding:18px 16px 50px}.card{padding:20px}.button{font-size:14px}h1{font-size:38px}}

.submit:not(:disabled){background:#1c6655;color:#fff;cursor:pointer}

