:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050505;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}img{max-width:100%}.birthday-page{isolation:isolate;color:#f8fafc;background:radial-gradient(circle at 50% 45%,#ffffff2e,#0000 36%),linear-gradient(#020202 0%,#111316 50%,#050505 100%);place-items:center;min-height:100svh;padding:clamp(24px,5vw,64px);display:grid;position:relative;overflow:hidden}.logo-wall{z-index:-2;object-fit:cover;object-position:center;opacity:.28;filter:saturate(.85)contrast(1.1);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.birthday-page:before,.birthday-page:after{content:"";pointer-events:none;position:absolute;inset:0}.birthday-page:before{z-index:-1;background:linear-gradient(90deg,#000000eb,#0000 30% 70%,#000000eb),radial-gradient(circle,#0000 0 42%,#000000b8 100%)}.birthday-page:after{opacity:.38;mix-blend-mode:screen;background-image:linear-gradient(#ffffff0f 1px,#0000 1px);background-size:100% 10px}.countdown-shell{text-align:center;justify-items:center;gap:clamp(22px,4vw,42px);width:min(100%,980px);display:grid}.eyebrow,.target-date{text-transform:uppercase;letter-spacing:.22em;color:#f8fafcbd;text-shadow:0 0 18px #ffffff47;margin:0}.eyebrow{max-width:100%;font-size:clamp(.74rem,2.4vw,1rem);line-height:1.5}.target-date{font-size:clamp(.72rem,2vw,.92rem)}.brand-logo{filter:drop-shadow(0 0 22px #ffffffeb)drop-shadow(0 0 64px #ffffff6b);width:min(100%,760px);height:auto}.clock{grid-template-columns:repeat(4,minmax(88px,1fr));gap:clamp(10px,2vw,18px);width:min(100%,840px);display:grid}.time-unit{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;gap:10px;min-width:0;padding:clamp(14px,2.4vw,24px) clamp(10px,2vw,18px);display:grid;box-shadow:inset 0 0 24px #ffffff14,0 0 34px #ffffff1f}.time-value{color:#fff;text-shadow:0 0 10px #fffffff2,0 0 30px #ffffff7a;font-variant-numeric:tabular-nums;font-family:Courier New,Courier,monospace;font-size:clamp(2.05rem,8vw,5.6rem);font-weight:700;line-height:.95}.time-label{overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.18em;color:#f8fafcad;font-size:clamp(.66rem,2vw,.82rem)}.birthday-message{text-transform:uppercase;justify-items:center;gap:clamp(16px,3vw,28px);display:grid}.birthday-message span{color:#fff;text-shadow:0 0 14px #fffffff5,0 0 52px #ffffff8c;font-size:clamp(2.4rem,8vw,6.6rem);font-weight:900;line-height:.9}.birthday-message img{filter:drop-shadow(0 0 30px #ffffffe6);width:min(100%,640px)}@media (width<=720px){.birthday-page{padding:28px 16px}.logo-wall{object-position:50% 38%;opacity:.34}.clock{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow,.target-date{letter-spacing:.14em}}@media (width<=380px){.clock{gap:8px}.time-unit{padding-inline:8px}}