@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#4b1730;background:#ffd6e7;font-family:Inter,system-ui,sans-serif}button{font:inherit}.page{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.locked{background:radial-gradient(circle at 20% 15%,#ffffffa6,#0000 18rem),radial-gradient(circle at 84% 22%,#ffe490b3,#0000 18rem),linear-gradient(135deg,#2c0e27,#8d2457 52%,#ffc0d6)}.gift{background:radial-gradient(circle at 18% 18%,#ffffffe6,#0000 20rem),radial-gradient(circle at 80% 10%,#ffda80cc,#0000 18rem),linear-gradient(135deg,#fff7fb,#ffc7db 52%,#f47aaa)}.panel{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff6b;border:1px solid #ffffffb8;border-radius:26px;width:min(760px,100%);padding:clamp(28px,7vw,64px);position:relative;box-shadow:0 30px 100px #4d0c2a47}.locked .panel{color:#fff4f8;background:#ffffff21}.eyebrow{color:#ffd8a8;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font-size:.8rem;font-weight:800}.gift .eyebrow{color:#ad315f}h1{letter-spacing:0;text-wrap:balance;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,11vw,7.4rem);line-height:.92}.copy{color:#fff4f8d9;width:min(520px,100%);margin:22px auto 0;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.6}.countdown{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}.count-card{background:#ffffff21;border:1px solid #ffffff57;border-radius:18px;place-items:center;min-height:112px;padding:16px 10px;display:grid}.count-card strong{font-size:clamp(2rem,7vw,4.1rem);line-height:1;display:block}.count-card span{color:#fff4f8bf;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:800}.open-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b52760,#f26b9d);border:0;border-radius:999px;margin-top:34px;padding:15px 30px;font-weight:800;box-shadow:0 18px 38px #b5276047}.message{background:#ffffff9e;border-radius:20px;width:min(560px,100%);margin:28px auto 0;padding:24px;box-shadow:inset 0 0 0 1px #ffffffbd}.message p{margin:0;font-size:1.08rem;line-height:1.7}.message strong{color:#a62b58;margin-top:16px;display:block}.stars,.hearts{pointer-events:none;position:absolute;inset:0}.stars:before,.stars:after{content:"";background-image:radial-gradient(circle,#ffffffe6 0 2px,#0000 3px),radial-gradient(circle,#ffe298e6 0 1px,#0000 2px);background-size:90px 90px,140px 140px;animation:18s linear infinite drift;position:absolute;inset:-20%}.stars:after{opacity:.6;animation-duration:28s;animation-direction:reverse}.hearts span{left:var(--left);color:#ae29593d;animation:9s linear infinite rise;animation-delay:var(--delay);font-size:clamp(1.3rem,4vw,2.8rem);position:absolute;bottom:-40px}@keyframes drift{to{transform:translate(120px,90px)}}@keyframes rise{to{transform:translate(30px,-115vh)rotate(24deg)}}@media (width<=640px){.page{padding:16px}.panel{border-radius:22px}.countdown{grid-template-columns:repeat(2,1fr)}.count-card{min-height:92px}}