*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  color:#fff;
  background:#000 url("fon.jpg") center center / cover no-repeat fixed;}body::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.35);
  z-index:0;
  pointer-events:none;
}

.page{
  position:relative;
  z-index:1;
}{min-height:100vh;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}h1{position:absolute;top:7vh;left:20px;right:20px;margin:0;text-align:center;font-size:clamp(2rem,6vw,5.5rem);font-weight:900;letter-spacing:.08em}.countdown{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,24px)}.unit{min-width:clamp(65px,12vw,150px);text-align:center}.unit span{display:block;font-size:clamp(2.5rem,8vw,7rem);line-height:1;font-variant-numeric:tabular-nums;font-weight:700}.unit small{display:block;margin-top:14px;font-size:clamp(.55rem,1.4vw,.9rem);letter-spacing:.18em;opacity:.6}.sep{font-size:clamp(2rem,6vw,5rem);font-weight:300;opacity:.5;margin-bottom:24px}.birthday{width:min(100%,1000px)}.birthday video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#000}.hidden{display:none}@media(max-width:600px){.countdown{gap:4px}.unit{min-width:58px}h1{top:9vh}.sep{margin-bottom:20px}}