*{box-sizing:border-box}
:root{--bg:#0d0f0c;--olive:#788653;--cream:#eeeade;--muted:#c0beaf;--line:rgba(238,234,222,.2)}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--cream)}
body{font-family:Arial,'Helvetica Neue',sans-serif}
.screen{height:100svh;min-height:360px;display:grid;place-items:center;overflow:hidden;position:relative;padding:24px;background:radial-gradient(ellipse at 50% 42%,rgba(116,137,72,.13),transparent 42%),linear-gradient(145deg,#11140f,#090b09 72%,#12160e)}
.screen:before,.screen:after{content:"";position:absolute;border:1px solid rgba(171,185,132,.10);border-radius:50%;pointer-events:none}
.screen:before{width:min(78vw,900px);aspect-ratio:1;top:-38%;right:-16%;box-shadow:0 0 0 55px rgba(171,185,132,.018),0 0 0 110px rgba(171,185,132,.012)}
.screen:after{width:min(54vw,620px);aspect-ratio:1;bottom:-58%;left:-20%;border-color:rgba(171,185,132,.07)}
.countdown-wrap{width:min(100%,900px);text-align:center;position:relative;z-index:1;padding:clamp(24px,6vh,64px) 0}
.label{font-size:10px;letter-spacing:.34em;font-weight:600;color:var(--muted);margin:0 0 clamp(22px,4vh,38px)}
.countdown{display:flex;align-items:flex-start;justify-content:center;gap:clamp(9px,2.5vw,28px);font-variant-numeric:tabular-nums}
.unit{display:flex;flex-direction:column;gap:10px;min-width:clamp(52px,10vw,112px)}
.unit span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,8vw,92px);font-weight:400;line-height:.95;letter-spacing:-.055em}
.unit small{font-size:9px;letter-spacing:.25em;color:#aab783}
.countdown b{font-family:Georgia,serif;font-size:clamp(34px,5vw,56px);line-height:.95;color:var(--olive);font-weight:300}
.date{font-size:12px;letter-spacing:.28em;font-weight:700;margin:clamp(24px,4vh,36px) 0 0}
.divider{width:46px;height:1px;background:var(--olive);margin:clamp(30px,5vh,48px) auto clamp(22px,4vh,34px)}
.closing{font-size:10px;line-height:2.1;letter-spacing:.3em;color:var(--muted);margin:0}
.closing strong{color:var(--cream);font-weight:700}
@media(max-width:560px){
 .screen{padding:18px}
 .label{font-size:8px;letter-spacing:.24em;margin-bottom:27px}
 .countdown{gap:7px}
 .unit{min-width:0;flex:1;gap:8px}
 .unit span{font-size:clamp(39px,11vw,58px)}
 .unit small{font-size:7px;letter-spacing:.16em}
 .countdown b{font-size:27px}
 .date{font-size:10px;letter-spacing:.2em;margin-top:27px}
 .divider{margin:34px auto 25px}
 .closing{font-size:9px;letter-spacing:.2em}
}
@media(max-height:480px){
 .countdown-wrap{padding:10px 0}
 .label{margin-bottom:14px}
 .date{margin-top:15px}
 .divider{margin:18px auto 13px}
}