:root{--navy:#0f2a3d;--sand:#f5efe6;--gold:#c9a24a;--teal:#2f7f86}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;color:var(--navy);background:var(--sand)}
header{padding:20px 40px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:22px;letter-spacing:2px;color:var(--navy);text-decoration:none}.logo b{color:var(--gold)}
.hero{background:linear-gradient(160deg,#0f2a3d,#2f7f86);color:#fff;text-align:center;padding:90px 20px 80px}
.hero h1{font-size:52px;margin:0 0 16px;font-weight:normal}.hero p{font-size:20px;max-width:620px;margin:0 auto 30px;opacity:.9;font-family:Helvetica,Arial,sans-serif}
.btn{background:var(--gold);color:var(--navy);padding:16px 34px;border-radius:40px;font:bold 17px Helvetica,Arial;border:0;text-decoration:none;display:inline-block;cursor:pointer}
.btn[disabled]{opacity:.6;cursor:wait}
.counter{margin-top:34px;font-family:Helvetica,Arial}.bar{width:320px;max-width:100%;height:8px;background:rgba(255,255,255,.25);border-radius:8px;margin:10px auto}.bar i{display:block;height:100%;width:0;background:var(--gold);border-radius:8px;transition:width .8s}
.micro{font-size:13px;opacity:.7;margin-top:8px}
section{padding:70px 40px;max-width:1000px;margin:auto;text-align:center}h2{font-weight:normal;font-size:32px}
.grid{display:flex;gap:24px;margin-top:30px}.card{flex:1;background:#fff;padding:28px;border-radius:14px;font-family:Helvetica,Arial;text-align:left;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.card h3{font-family:Georgia;margin-top:0;color:var(--teal)}
form,.panel{background:#fff;max-width:480px;margin:30px auto 0;padding:30px;border-radius:14px;text-align:left;font-family:Helvetica,Arial}
label{display:block;font-size:13px;margin:14px 0 6px}input,select{width:100%;padding:12px;border:1px solid #ccd;border-radius:8px;font-size:15px}
.chk{display:flex;gap:8px;font-size:13px;margin:18px 0}.chk input{width:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{margin-top:14px;font-size:14px}.msg.err{color:#a33}.msg.ok{color:var(--teal);font-size:16px}
.doc{max-width:720px;text-align:left;font-family:Helvetica,Arial;line-height:1.6}.doc h1{font-family:Georgia;font-weight:normal}
.draft{background:#fff3cd;border:1px solid #e0c46c;padding:12px 16px;border-radius:8px;font-weight:bold}
footer{background:var(--navy);color:#cfd8de;font:13px Helvetica,Arial;text-align:center;padding:30px}footer a{color:#cfd8de}
@media (max-width:720px){header{padding:16px 20px}.hero{padding:60px 18px 56px}.hero h1{font-size:36px}.hero p{font-size:17px}section{padding:48px 18px}.grid{flex-direction:column;gap:14px}form,.panel{padding:22px}}