:root{--color-primary:#0f6e5e;--color-primary-dark:#0a4f43;--color-bg:#f7f9f8;--color-surface:#fff;--color-text:#1b2420;--color-text-muted:#5a6b64;--color-border:#e1e8e5;--radius:10px;--max-width:1100px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;color:var(--color-text)}h1{font-size:2.25rem;margin:0 0 1rem}h2{font-size:1.5rem;margin:0 0 .75rem}header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}header nav{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;flex-wrap:wrap}header nav strong{font-size:1.25rem;color:var(--color-primary-dark);margin-right:auto}header nav a{color:var(--color-text);font-weight:500}header nav a:last-child,header nav a:nth-last-child(2){background:var(--color-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius)}header nav a:nth-last-child(2){background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}main{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}main>form,main>section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem}section[aria-label=Hero]{text-align:left;background:linear-gradient(135deg,#eef7f4,#fff)}section[aria-label=Hero] p{color:var(--color-text-muted);max-width:640px}section[aria-label=Hero] a{display:inline-block;margin:.5rem .75rem .5rem 0;padding:.65rem 1.25rem;border-radius:var(--radius);font-weight:600}section[aria-label=Hero] a:first-of-type{background:var(--color-primary);color:#fff}section[aria-label=Hero] a:nth-of-type(2){border:1px solid var(--color-primary);color:var(--color-primary)}ol,ul{padding-left:1.25rem}li{margin-bottom:.4rem}form{display:flex;flex-direction:column;gap:.25rem;max-width:480px}form label{font-weight:600;margin-top:.75rem}form input,form select,form textarea{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit}form button{margin-top:1.25rem;padding:.7rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-start}form button:hover{background:var(--color-primary-dark)}form button:disabled{opacity:.6;cursor:not-allowed}form [role=alert]{color:#b3261e;font-weight:500}form [role=status]{color:var(--color-primary-dark);font-weight:500}footer{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;border-top:1px solid var(--color-border)}footer,footer a{color:var(--color-text-muted)}footer a{font-size:.9rem}@media (max-width:640px){footer,header nav,main{padding-left:1rem;padding-right:1rem}h1{font-size:1.75rem}}