@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#172322;--paper:#f4f5f0;--line:#cdd7d1;--accent:#166b4b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}main{max-width:720px;margin:auto;padding:52px 32px}header{text-align:center;border-bottom:2px solid var(--ink);padding-bottom:32px;margin-bottom:42px}.lang-switch{display:flex;gap:8px;justify-content:center;margin-bottom:22px}.lang-switch button{border:1px solid var(--ink);background:transparent;padding:8px 16px;font:14px 'DM Sans';color:var(--ink);cursor:pointer}.lang-switch button.active{background:var(--ink);color:var(--paper)}h1{font:600 38px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 12px}header p{margin:0;font-size:14px;color:#60706a}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}label{font:500 14px 'DM Sans'}input,select{border:1px solid var(--line);background:#fff;padding:12px 14px;font:14px 'DM Sans';color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}small{font-size:12px;color:#60706a}button[type="submit"]{width:100%;border:0;background:var(--accent);color:#fff;padding:16px;font:600 16px 'DM Sans';cursor:pointer;margin-top:12px}button[type="submit"]:hover{background:#0f5a3d}#status{margin-top:18px;padding:12px;font-size:14px;text-align:center}#status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}#status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--paper);padding:38px;max-width:520px;margin:20px;border:2px solid var(--ink)}. modal-content h2{font:600 26px 'Space Grotesk';margin:0 0 18px}.modal-content p{line-height:1.6;margin:0 0 28px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{border:1px solid var(--ink);background:transparent;padding:12px 24px;font:500 14px 'DM Sans';cursor:pointer}#confirm-yes{background:var(--ink);color:var(--paper)}@media(max-width:700px){main{padding:32px 20px}h1{font-size:32px}.modal-content{padding:28px}}
