@font-face{font-family:Mont;src:url(/mont800.woff2?v=7) format("woff2");font-weight:800;font-display:swap}
*{box-sizing:border-box}
:root{--g:#0B7A43;--d:#0A4A2B;--dd:#06301c;--tan:#B8905F;--tanl:#f3ebdf;--bg:#f6f4ee;--ink:#1d2b24;--mute:#55635b}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;line-height:1.45}
.inner{max-width:1040px;margin:0 auto;padding:0 20px}
h1,h2,.title,.date,.m b,.mail{font-family:Mont,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800}
.top{background:#fff;border-bottom:4px solid var(--tan)}
.top .inner{padding-top:14px;padding-bottom:12px;text-align:center}
.brand{display:inline-block;line-height:0}
.logo{width:100%;max-width:400px;height:auto}
.hero{position:relative;color:#fff;overflow:hidden;background:var(--dd)}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,48,28,.62),rgba(6,48,28,.86))}
.hero-in{position:relative;padding-top:44px;padding-bottom:92px;text-align:center}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:700;color:#e3c9a0}
.hero h1{margin:0 0 14px;font-size:clamp(26px,6vw,46px);line-height:1.12;letter-spacing:-.01em}
.hero h1 span{display:block;color:#f2dcb6}
.intro{margin:0 auto 20px;max-width:560px;font-size:18px;color:#e6efe9}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:baseline;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 16px;font-size:14px;backdrop-filter:blur(4px)}
.chip b{font-family:Mont,Arial,sans-serif;font-weight:800;font-size:18px;color:#f2dcb6}
.main{margin-top:-62px;position:relative;padding-bottom:36px}
.deadline{background:#fff;border:1px solid #e3ddd0;border-top:6px solid var(--tan);border-radius:18px;box-shadow:0 14px 36px rgba(6,48,28,.18);padding:22px 24px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;text-align:left}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700;color:var(--g)}
.date{font-size:clamp(28px,6vw,40px);line-height:1.1;color:var(--d)}
.note{flex:1 1 260px;font-size:16px;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}
.step{position:relative;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e3ddd0;border-radius:18px;padding:60px 20px 20px;box-shadow:0 4px 14px rgba(6,48,28,.07);transition:transform .15s ease,box-shadow .15s ease}
.step:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(6,48,28,.16)}
.num{position:absolute;top:-18px;left:20px;width:52px;height:52px;border-radius:50%;background:var(--g);color:#fff;border:4px solid var(--bg);font-family:Mont,Arial,sans-serif;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.title{font-size:21px;line-height:1.2;color:var(--d)}
.tag{display:inline-block;margin-left:8px;vertical-align:middle;background:#8a6a3a;color:#fff;font-family:-apple-system,"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.text{font-size:16px;color:var(--mute);flex:1}
.btn{margin-top:6px;text-align:center;padding:12px 12px;background:var(--g);color:#fff;font-weight:700;font-size:16px;border-radius:12px;min-height:48px;display:flex;align-items:center;justify-content:center}
.step:hover .btn{background:var(--d)}
.count{background:var(--d);color:#fff;border-radius:22px;padding:30px 24px;margin-top:8px;border-bottom:6px solid var(--tan)}
.count-head h2{margin:0 0 6px;font-size:clamp(26px,5vw,34px)}
.count-head p{margin:0 0 20px;color:#cfe3d7;font-size:17px}
.close{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.close li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px}
.m{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;color:#e3c9a0;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.m b{font-size:52px;line-height:1;color:#f2dcb6;letter-spacing:-.02em}
.d{display:block;font-size:15px;color:#d8e8de}
.d strong{display:block;margin-bottom:6px;font-size:16px;color:#fff}
.d a{display:block;margin-top:10px;font-size:14px;font-weight:700;color:#f2dcb6}
.contact{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;background:var(--tanl);border:1px solid #e3d5bd;border-radius:18px;padding:22px 24px;margin-top:20px}
.contact h2{margin:0;font-size:24px;color:var(--d)}
.contact p{margin:2px 0 0;color:var(--mute)}
.mail{color:var(--g);font-size:clamp(17px,4.2vw,22px);text-decoration:none;border-bottom:3px solid var(--tan);word-break:break-all}
.foot{background:var(--dd);color:#b9cdc1;font-size:14px;text-align:center;padding:22px 0}
@media (max-width:820px){.steps,.close{grid-template-columns:1fr}.step{padding-top:56px}.deadline{text-align:center;justify-content:center}.hero-in{padding-bottom:84px}.mail{border-bottom-width:2px}}
@media (prefers-reduced-motion:reduce){.step{transition:none}}

.dates,.reads,.faq{margin-top:26px}
.dates h2,.reads h2,.faq h2{margin:0 0 12px;font-size:clamp(24px,5vw,30px);color:var(--d)}
.sub{margin:-6px 0 14px;color:var(--mute)}
.tl{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e3ddd0;border-radius:18px;overflow:hidden}
.tl li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 20px;border-top:1px solid #eee7da}
.tl li:first-child{border-top:0}
.tl .when{font-family:Mont,Arial,sans-serif;font-weight:800;color:var(--g);font-size:18px}
.tl .what{font-size:15px;color:var(--mute)}
.tl .what strong{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.tl li.hot{background:var(--tanl)}
.tl li.hot .when{color:var(--d)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.read{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e3ddd0;border-top:5px solid var(--tan);border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(6,48,28,.07);transition:transform .15s,box-shadow .15s}
.read:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(6,48,28,.14)}
.pub{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--g)}
.rt{font-family:Mont,Arial,sans-serif;font-weight:800;font-size:18px;line-height:1.25;color:var(--d)}
.rd{font-size:15px;color:var(--mute);flex:1}
.go{font-weight:700;font-size:14px;color:var(--g)}
.faq details{background:#fff;border:1px solid #e3ddd0;border-radius:14px;margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:700;color:var(--d);position:relative;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--g)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 16px;color:var(--mute);font-size:15px}
.faq details a{color:var(--g);font-weight:700}
@media (max-width:820px){.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.tl li{grid-template-columns:1fr;gap:4px}}

.steps .step:last-child:nth-child(odd){grid-column:1/-1}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--d);padding:10px 14px;border-radius:8px;font-weight:700;z-index:10}
.skip:focus{left:8px}
a:focus-visible,summary:focus-visible{outline:3px solid #1a73e8;outline-offset:3px;border-radius:10px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.step:hover,.read:hover{transform:none}}
