@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Outfit:wght@100..900&display=swap";:root{--deep-red: #4A0404;--rose-pink: #FFB6C1;--gold-glow: #FFD700;--soft-white: #FAF9F6;--bg-dark: #0a0a0a;--pride-red: #ff0018;--pride-orange: #ffa52c;--pride-yellow: #ffff41;--pride-green: #008018;--pride-blue: #0000f9;--pride-purple: #86007d;--pride-gradient: linear-gradient(90deg, var(--pride-red), var(--pride-orange), var(--pride-yellow), var(--pride-green), var(--pride-blue), var(--pride-purple));--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background:var(--bg-dark);color:#fff;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;width:100vw;height:100dvh}.app-viewport{position:fixed;inset:0;width:100vw;height:100dvh;background:var(--bg-dark);overflow:hidden}.layer-base{position:absolute;inset:0;z-index:0}.layer-content{position:absolute;inset:0;z-index:10;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px;pointer-events:none}.layer-ui{position:fixed;inset:0;z-index:100;pointer-events:none}.cinematic-bg-container{width:100%;height:100%;overflow:hidden}.centric-card{pointer-events:auto;width:100%;max-width:400px;background:#ffffff0a;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:clamp(32px,8vh,60px) clamp(24px,5vw,40px);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;box-shadow:0 40px 150px -20px #000c;position:relative}.title-premium{font-family:var(--font-serif);font-size:clamp(2rem,10vw,3.25rem);line-height:.95;font-weight:800;margin-bottom:.75rem;letter-spacing:-.03em;color:#fff}.subtitle-premium{font-size:.55rem;text-transform:uppercase;letter-spacing:.5em;color:var(--rose-400);font-weight:800;margin-bottom:2.5rem;opacity:.9}.touch-option{width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:16px;color:#fff;font-size:clamp(.9rem,4vw,1rem);text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.touch-option:active{transform:scale(.97);background:#f43f5e1a}@keyframes heart-pop{0%{transform:scale(0) translateY(0);opacity:0}20%{opacity:1}to{transform:scale(1.5) translateY(-60px);opacity:0}}.animate-heart-pop{animation:heart-pop 1s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-blob{animation:blob 20s infinite ease-in-out}.centric-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.particle{position:absolute;border-radius:50%;filter:blur(2px);animation:float-particle linear infinite;opacity:.4}.envelope:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.05);z-index:10;pointer-events:none}.envelope .flap{position:absolute;top:0;width:0;height:0;border-left:225px solid transparent;border-right:225px solid transparent;border-top:150px solid #ecd9b9;transform-origin:top;transition:transform .6s .4s ease;z-index:5}.envelope.open .flap{transform:rotateX(180deg);z-index:1}.envelope .pocket{position:absolute;bottom:0;width:0;height:0;border-left:225px solid transparent;border-right:225px solid transparent;border-bottom:150px solid #fdf5e6;z-index:4}.envelope .sides{position:absolute;top:0;width:100%;height:100%;z-index:3}.envelope .sides:before,.envelope .sides:after{content:"";position:absolute;width:0;height:0;top:0}.envelope .sides:before{border-top:150px solid transparent;border-bottom:150px solid transparent;border-left:225px solid #f5deb3;left:0}.envelope .sides:after{border-top:150px solid transparent;border-bottom:150px solid transparent;border-right:225px solid #f5deb3;right:0}.letter{position:absolute;top:0;left:5%;width:90%;height:90%;background:#fff;z-index:2;transition:transform .7s .8s,height .7s .8s;padding:2rem;box-sizing:border-box;box-shadow:0 0 15px #00000026;border-radius:2px;color:#333}.envelope.open .letter{transform:translateY(-160px);z-index:6;height:auto;min-height:400px}.photo-frame{padding:1rem;background:#fff;box-shadow:0 15px 35px #0006;transform:rotate(-3deg);border:8px solid #fff;position:relative;transition:transform .3s ease}.photo-frame:hover{transform:rotate(0) scale(1.05)}.anu-label{position:absolute;bottom:-15px;right:-15px;background:var(--gold-glow);color:#000;padding:5px 15px;font-family:var(--font-main);font-weight:900;font-size:.7rem;letter-spacing:2px;box-shadow:0 5px 15px #0000004d;z-index:10}