.page-home{background:radial-gradient(ellipse at 50% 38%,#5a2030 0%,#2a151c 34%,#120b0e 70%) fixed}
.countdown-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 16px 56px;overflow:hidden;isolation:isolate}
/* 20 năm ca hát của Hà Anh Tuấn; cú pháp "/ ''" giấu số khỏi trình đọc màn hình (dòng trước là fallback). */
.countdown-page:before{content:"20";content:"20"/"";position:absolute;top:50%;left:50%;transform:translate(-52%,-50%);font:italic 600 clamp(300px,46vw,600px)/1 var(--serif);font-variant-numeric:lining-nums;letter-spacing:-.06em;color:#f28a9c0d;-webkit-text-stroke:1.5px #f28a9c40;pointer-events:none;user-select:none;z-index:-1}
.countdown-block{width:min(880px,100%);display:flex;flex-direction:column;align-items:center}
.countdown-page h1{font-size:clamp(42px,8vw,86px);line-height:1.08;letter-spacing:-.045em;margin:24px 0 0}
.subtitle{font-size:clamp(15px,2vw,17px);line-height:1.8;color:#d7c4c8;max-width:540px;margin:25px auto 0}
.rose-mark{width:96px;height:104px;margin:30px 0 22px;color:var(--rose);filter:drop-shadow(0 10px 20px #0008)}
.rose-bloom{width:140px;height:152px;animation:bloom 2.4s ease-in-out infinite alternate}
@keyframes bloom{to{transform:scale(1.06) rotate(-3deg)}}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(66px,112px));gap:clamp(8px,2.5vw,22px)}
.unit{padding:18px 8px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.number{font-size:clamp(35px,6.5vw,58px);font-weight:400;letter-spacing:-.03em;line-height:1.1;color:var(--cream);font-variant-numeric:tabular-nums}
.label{text-transform:uppercase;letter-spacing:.2em;font-size:9px;color:var(--muted);margin-top:10px}
.date-line{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose2);margin:25px 0 0}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}
.countdown-page .quote{font-family:var(--serif);font-size:15px;font-style:italic;color:#bba0a6;margin:35px 0 0}
.side-ornament{position:absolute;z-index:-1;top:50%;width:min(22vw,245px);height:min(25vw,272px);color:var(--rose);opacity:.06;pointer-events:none}
.side-left{left:-4vw;transform:translateY(-50%) rotate(-18deg)}
.side-right{right:-4vw;transform:translateY(-50%) rotate(18deg) scaleX(-1)}
@media(max-width:520px){.countdown-page:before{top:330px;font-size:76vw}.countdown-page{padding-top:100px}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:7px}.unit{padding:15px 3px 12px}.number{font-size:clamp(28px,8vw,40px)}.label{font-size:8px;letter-spacing:.12em}.rose-mark{width:78px;height:85px;margin:25px 0 17px}}