:root{--color-bg-dark:#fdfbf7;--color-bg-glow:#fff0f5;--color-text-main:#2d3748;--color-text-muted:#718096;--color-accent:#d4af37;--color-accent-glow:#d4af3726;--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-dark);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 32px #1f26871a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.bg-gradient-animate{z-index:-1;background:radial-gradient(circle at 50% 50%, var(--color-bg-glow) 0%, var(--color-bg-dark) 100%);width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.petal{background-color:var(--petal-color,#ff4d4d);opacity:.7;animation:fall var(--duration) linear infinite, sway var(--duration) ease-in-out infinite alternate;border-radius:50% 0 50% 50%;position:absolute}@keyframes fall{0%{opacity:0;top:-10%;transform:rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%;transform:rotate(360deg)}}@keyframes sway{0%{transform:translate(0)rotate(0)}to{transform:translate(100px)rotate(45deg)}}.polaroid-frame{background:#fff;border-radius:2px;padding:12px 12px 40px;box-shadow:0 15px 35px #0006}.polaroid-image{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;height:auto}.letter-text{font-family:var(--font-serif);color:var(--color-text-main);text-shadow:0 2px 10px #00000080;font-size:1.1rem;line-height:1.8}@media (width>=768px){.letter-text{font-size:1.25rem}}.duo-ticket{background:linear-gradient(135deg,#fceca1 0%,#d4af37 50%,#996e00 100%);border-radius:16px;margin-top:2rem;padding:3px;position:relative;overflow:hidden;box-shadow:0 10px 30px #d4af374d,inset 0 0 15px #ffffff80}.duo-ticket:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.ticket-inner{text-align:center;background:radial-gradient(circle,#fff 0%,#fdfbf7 100%);border:1px dashed #d4af3799;border-radius:13px;padding:25px 20px;box-shadow:inset 0 0 20px #d4af371a}.ticket-title{color:#d4af37;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:1.1rem;font-weight:600}.ticket-desc{color:var(--color-text-muted);font-size:.9rem}.btn-primary{color:#1a1525;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(45deg,#d8b4e2,#b886c5);border:none;border-radius:24px;outline:none;padding:12px 24px;box-shadow:0 4px 15px #d8b4e266}.btn-secondary{color:var(--color-text-main);font-weight:500;font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border:1px solid #d4af3766;border-radius:24px;outline:none;padding:12px 24px}.envelope-wrapper{cursor:pointer;background:#fdfbf7;border-radius:8px;justify-content:center;align-items:center;width:300px;height:200px;margin-top:30vh;display:flex;position:relative;box-shadow:0 10px 40px #0000001a}.envelope-wrapper:before{content:"";z-index:3;border-bottom:100px solid #f9f5ed;border-left:150px solid #0000;border-right:150px solid #0000;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:0;height:0;position:absolute;top:0;left:0}.envelope-wrapper:after{content:"";z-index:2;border:150px solid #f4ecd8;border-top:100px solid #0000;border-bottom:100px solid #f9f5ed;border-radius:8px;width:0;height:0;position:absolute;bottom:0;left:0}.envelope-flap{transform-origin:top;z-index:4;border-top:100px solid #eee5ce;border-left:150px solid #0000;border-right:150px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.wax-seal{z-index:5;background:#a33838;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 10px #00000080,0 2px 5px #0000004d}