@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@500;600&display=swap");*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,#35164b,#080612 65%);color:#fff;font-family:DM Sans,sans-serif}#c{position:fixed;inset:0;width:100%;height:100%;z-index:0}#intro{position:fixed;inset:0;z-index:5;background:#080612;display:grid;place-items:center;align-content:center;text-align:center;animation:out 1.2s 3s forwards}#intro h1{font:600 clamp(35px,7vw,70px) Playfair Display,serif;margin:15px}.heart{font-size:100px;color:#ff69b4;text-shadow:0 0 50px #ff69b4;animation:beat 1.2s infinite}.page{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;padding:35px 7vw;opacity:0;transform:translateX(30px) scale(.97);pointer-events:none;transition:.8s}.page.active{opacity:1;transform:none;pointer-events:auto}.page>small{letter-spacing:.25em;color:#ff9bcf;font-weight:700;font-size:11px}.page h2{font:600 clamp(38px,7vw,82px)/1.05 Playfair Display,serif;margin:18px 0 25px}.page p{max-width:760px;color:#cbbbd2;font-size:18px;line-height:1.8}.flowers{font-size:38px;letter-spacing:8px;animation:float 4s infinite}.letter{max-width:720px;text-align:left;background:#ffffff0b;border:1px solid #ffffff22;border-radius:30px;padding:28px 34px;backdrop-filter:blur(16px)}.letter b{display:block;text-align:right;color:#ff9bcf}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:700px;width:100%;margin:20px}.grid div{padding:28px 12px;border:1px solid #ffffff22;border-radius:24px;background:#ffffff0b;font-size:42px;animation:float 4s infinite}.grid small{display:block;font-size:13px;color:#e8cce0}.certificate{max-width:600px;padding:30px;border:2px solid #ffb3dc;border-radius:30px;background:#ffffff0b;box-shadow:0 0 60px #ff5db133}.crown{font-size:65px;color:#ffd36b}.certificate b{color:#ff9bcf}.giant{font-size:min(30vw,280px);color:#ff4fa8;text-shadow:0 0 40px #ff4fa8,0 0 100px #ff4fa888;animation:beat 1.4s infinite}.hint{position:fixed;z-index:2;bottom:16px;left:0;right:0;text-align:center;color:#8f819c;font-size:12px}@keyframes beat{50%{transform:scale(1.1)}}@keyframes float{50%{transform:translateY(-18px)}}@keyframes out{to{opacity:0;visibility:hidden}}@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.letter{padding:20px}.page{padding:25px 18px}}