html:has(.camp){background:#0E2219}
body:has(.camp){background:transparent!important;--cp-night:#0E2219;--cp-shade:#0B1C14;--cp-deep:#1F4D3A;--cp-base:#2F6B4F;--cp-accent:#CFE8C9;--cp-on-accent:#1F4D3A;--cp-label:#A9D6B6;--cp-muted:rgba(255,255,255,.72);--cp-line:rgba(255,255,255,.14);--cp-glass:rgba(255,255,255,.3);--cp-card:rgba(11,28,20,.9)}
body:has(.camp)::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,var(--cp-night) 0%,var(--cp-night) 30%,var(--cp-deep) 72%,var(--cp-base) 100%);pointer-events:none}
body:has(.camp) main{color:#fff}
@media(min-width:990px){body:has(.camp) .vh .header:not(.is-stuck) .frost-shell::before{opacity:1}body:has(.camp) .vh .header:not(.is-stuck) .header__bar{padding-inline:20px 10px}}
body:has(.camp) :is(.vnp,.vnp__wrap){background:transparent}
body:has(.camp) .vnp :is(h1,h2){color:#fff}
body:has(.camp) .vnp__crumbs{color:var(--cp-muted)}
body:has(.camp) .vnp__crumbs a{color:inherit}
body:has(.camp) .vng__pag :is(a,span){color:#fff!important;border-color:var(--cp-line)!important}
.camp{position:relative;overflow:hidden;color:#fff;font-family:"Google Sans Flex","Google Sans",Lato,system-ui,sans-serif;background:radial-gradient(55% 60% at 8% 0%,rgba(58,122,91,.45),transparent 70%),radial-gradient(55% 60% at 92% 0%,rgba(127,199,156,.25),transparent 70%)}
.camp *{box-sizing:border-box}
.camp :focus-visible{outline:2px solid var(--cp-accent);outline-offset:3px}
.camp__wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}
.camp__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.camp__hero{position:relative;display:grid;justify-items:center;gap:22px;padding-block:20px 28px;text-align:center}
.camp__mark{position:relative}
.camp__brand{position:relative;isolation:isolate;margin:0;line-height:0;animation:campOn 1.1s ease-out both}
.camp__brand::before{content:"";position:absolute;inset:4% 2%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side at 40% 50%,rgba(58,122,91,.55),transparent),radial-gradient(closest-side at 62% 52%,rgba(127,199,156,.35),transparent)}
.camp__logo{width:min(260px,66vw);height:auto;mix-blend-mode:screen}
.camp__word{display:inline-block;font-size:56px;font-weight:700;line-height:1;color:var(--cp-accent);text-shadow:0 0 18px rgba(127,199,156,.6)}
@keyframes campOn{0%{opacity:0;filter:brightness(.3)}10%{opacity:1;filter:brightness(1.4)}14%{filter:brightness(.5)}22%{filter:brightness(1.3)}100%{opacity:1;filter:none}}
.camp__sticker{position:absolute;right:-22%;bottom:-10%;display:grid;place-content:center;justify-items:center;width:96px;aspect-ratio:1;margin:0;border-radius:50%;background:var(--cp-accent);color:var(--cp-on-accent);transform:rotate(-10deg);box-shadow:0 0 0 6px rgba(207,232,201,.16),0 12px 30px rgba(0,0,0,.45);line-height:1}
.camp__sticker small{max-width:9ch;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.15;text-align:center}
.camp__sticker b{margin-block:2px;font-size:27px;font-weight:800;letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.camp__clock{display:grid;gap:12px;width:min(100%,460px);padding:18px 20px;border:1px solid var(--cp-line);border-radius:20px;background:var(--cp-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.camp__clock-t{margin:0;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--cp-label)}
.camp__units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.camp__units span{display:grid;justify-items:center;gap:2px;padding:12px 4px;border:1px solid var(--cp-line);border-radius:16px;background:rgba(255,255,255,.04)}
.camp__units b{font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff}
.camp__units small{font-size:12px;color:var(--cp-muted)}
.camp__clock[data-state=over] .camp__units{display:none}
.camp__meta{margin:0;font-size:13px;font-weight:500;color:var(--cp-muted)}
.camp__down{display:inline-grid;justify-items:center;gap:6px;min-height:44px;font-size:13px;font-weight:600;color:#fff;text-decoration:none}
.camp__down svg{width:40px;height:40px;padding:10px;border:1px solid var(--cp-glass);border-radius:50%;color:var(--cp-accent);animation:campDown 2s ease-in-out infinite}
.camp__down:hover svg{border-color:var(--cp-accent)}
@keyframes campDown{0%,100%{transform:none}50%{transform:translateY(5px)}}
.camp__perks{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 0;margin:0 auto 28px;padding-block:18px;list-style:none;border-block:1px solid var(--cp-line)}
.camp__perks li{display:flex;align-items:center;gap:12px;padding-inline:28px;text-align:left}
.camp__perks li+li{border-left:1px solid var(--cp-line)}
.camp__perks b{display:block;font-size:15px;font-weight:600}
.camp__perks small{display:block;margin-top:2px;font-size:13px;color:var(--cp-muted)}
.camp__ico{display:grid;place-items:center;flex:0 0 auto;color:var(--cp-accent)}
.camp__ico svg{width:22px;height:22px}
.camp__legal{margin:0;padding-block:0 20px;font-size:12px;text-align:center;color:var(--cp-muted)}
@media(max-width:749px){.camp__perks li{padding-inline:16px}.camp__perks li+li{border-left:0}}
@media(min-width:750px){.camp__perks{margin-bottom:40px}}
@media(min-width:990px){.camp__hero{gap:28px;padding-block:40px}.camp__logo{width:420px}.camp__word{font-size:96px}.camp__sticker{right:-20%;bottom:-8%;width:150px}.camp__sticker small{font-size:15px}.camp__sticker b{font-size:42px}}
@media(prefers-reduced-motion:reduce){.camp__brand,.camp__down svg{animation:none}}
