:root{--navy:#042643;--white:#fff;--black:#0b1220;--text:#0b1220;--muted:#0b1220ad;--card:#ffffffeb;--border:#04264324;--shadow:0 22px 60px #0426432e;--radius:18px;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.cs-page{min-height:80svh;font-family:var(--font);color:var(--text);background:radial-gradient(900px 420px at 15% 10%,#0426431f,#0000 55%),radial-gradient(900px 420px at 85% 20%,#04264314,#0000 55%),linear-gradient(#fff 0%,#f4f7fb 100%);place-items:center;padding:clamp(18px,4vw,64px);display:grid}.cs-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);width:min(900px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);padding:clamp(18px,3vw,34px)}.cs-topline{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.cs-chip{letter-spacing:.3px;color:var(--white);background:var(--navy);border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.cs-chip-outline{color:var(--navy);background:0 0;border:1px solid #04264338}.cs-title{margin:6px 0 10px;line-height:1}.cs-title-accent{letter-spacing:-.04em;color:var(--navy);border-bottom:6px solid #0426431f;padding-bottom:6px;font-size:clamp(38px,6vw,68px);font-weight:900;display:inline-block}.cs-theme{color:#042643e6;margin:0 0 10px;font-size:clamp(14px,1.35vw,18px);font-weight:700}.cs-text{max-width:78ch;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.cs-divider{background:#0426431f;height:1px;margin:18px 0}.cs-timerTitle{letter-spacing:.2px;color:#0b1220d1;margin:0 0 12px;font-size:14px;font-weight:800}.cs-timer{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.cs-unit{background:var(--white);text-align:center;border:1px solid #04264329;border-radius:16px;padding:14px 12px}.cs-num{letter-spacing:-.03em;color:var(--navy);font-size:clamp(22px,2.6vw,34px);font-weight:900}.cs-label{color:#0b122099;margin-top:4px;font-size:12px;font-weight:700}.cs-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.cs-btn{background:var(--navy);height:44px;color:var(--white);border:1px solid #0426432e;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex;color:var(--white)!important}.cs-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.cs-btn:active{transform:translateY(0)}.cs-note{color:#0b12208c;font-size:12px}@media (max-width:720px){.cs-timer{grid-template-columns:repeat(2,minmax(0,1fr))}}