@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Amiri:ital,wght@0,400;0,700;1,400&family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700;800;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--bg-emerald-dark:#081d16;--bg-emerald:#0f3025;--bg-emerald-light:#164032;--bg-ivory:#faf7f2;--bg-ivory-card:#f5efe6;--bg-ivory-dark:#eee4d5;--text-dark:#26211a;--text-muted:#6b6154;--text-gold:#c69c45;--text-gold-light:#f3dfa2;--gold-gradient:linear-gradient(135deg, #b8860b 0%, #edd27c 30%, #d4af37 60%, #f7ea9b 80%, #996515 100%);--gold-gradient-soft:linear-gradient(135deg, #d4af37 0%, #f3dfa2 50%, #aa771c 100%);--gold-border-gradient:linear-gradient(135deg, #d4af37cc, #f7ea9b66, #b8860bcc);--emerald-gradient:linear-gradient(180deg, #092119 0%, #0d2c22 100%);--gold-glow:0 0 25px #d4af3759;--gold-glow-intense:0 0 40px #edd27c99;--shadow-card:0 15px 35px #00000014, 0 5px 15px #b8860b0d;--shadow-modal:0 25px 60px #0006;--font-script:"Alex Brush", cursive;--font-title:"Cinzel", serif;--font-title-decorative:"Cinzel Decorative", serif;--font-body:"Cormorant Garamond", Georgia, serif;--font-sans:"Montserrat", sans-serif;--font-arabic:"Amiri", serif;--transition-smooth:all .4s cubic-bezier(.25, 1, .5, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}@layer base{*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}}html{scroll-behavior:smooth;background-color:var(--bg-emerald-dark);font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-emerald-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(#b8860b,#edd27c);border-radius:4px}.font-script{font-family:var(--font-script)}.font-title{font-family:var(--font-title);letter-spacing:.08em}.font-decorative{font-family:var(--font-title-decorative)}.font-sans{font-family:var(--font-sans)}.font-arabic{font-family:var(--font-arabic)}.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gold-border{border:1px solid #d4af3766}.reveal-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d4af374d}50%{box-shadow:0 0 35px #f7ea9bb3}}@keyframes rotateShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes openFlap{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes candleFlicker{0%,to{opacity:.9;transform:scale(1)}25%{opacity:1;transform:scale(1.05)}50%{opacity:.8;transform:scale(.97)}75%{opacity:.95;transform:scale(1.02)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s infinite pulseGlow}.btn-gold{background:var(--gold-gradient);color:#1a1405;font-family:var(--font-title);letter-spacing:.15em;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;background-size:200% 200%;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:14px 36px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #b8860b59}.btn-gold:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-gold:hover:before{left:100%}.btn-gold:hover{color:#0d0a03;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #f7ea9b80}.btn-gold-outline{color:#b8860b;font-family:var(--font-title);letter-spacing:.12em;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;background:0 0;border:1.5px solid #d4af37;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-gold-outline:hover{color:#8c6407;background:#d4af371a;border-color:#f7ea9b;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3733}.intro-overlay{z-index:9999;background-color:var(--bg-emerald-dark);background-image:radial-gradient(circle,#164032b3 0%,#081d16f2 100%),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4af37' fill-opacity='0.06'%3E%3Cpath d='M0 0h80v80H0z' fill='none'/%3E%3Cpath d='M40 0l40 40-40 40L0 40zM40 10l30 30-30 30-30-30z'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;align-items:center;padding:20px;transition:opacity 1.2s ease-in-out,transform 1.2s ease-in-out,visibility 1.2s;display:flex;position:fixed;inset:0}.intro-overlay.unsealed{opacity:0;pointer-events:none;visibility:hidden;transform:scale(1.08)}.envelope-container{background:var(--bg-emerald);text-align:center;width:100%;max-width:440px;color:var(--text-gold-light);border:1px solid #d4af374d;border-radius:20px;padding:35px 25px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 40px #d4af3726}.wax-seal{cursor:pointer;background:radial-gradient(circle at 35% 35%,#f7ea9b 0%,#d4af37 40%,#996515 85%,#66420b 100%);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 25px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 25px #00000080,inset 0 2px 5px #fff9,0 0 20px #d4af3766}.wax-seal:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 15px 35px #0009,inset 0 2px 8px #fffc,0 0 30px #f7ea9bb3}.wax-seal-inner{width:68px;height:68px;font-family:var(--font-title);color:#2b1b04;text-shadow:0 1px 1px #fff6;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.particle-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.arch-frame-container{background-color:var(--bg-ivory);background-image:radial-gradient(circle at 50% 10%,#f7ea9b26 0%,#0000 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8860b' fill-opacity='0.03'%3E%3Cpath d='M30 0l30 30-30 30L0 30z'/%3E%3C/g%3E%3C/svg%3E");min-height:100vh;padding:40px 20px 80px;position:relative}.arch-svg-border{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf8d9;border:2px solid #d4af3780;border-top-left-radius:300px;border-top-right-radius:300px;max-width:680px;margin:0 auto;padding:80px 25px 50px;position:relative;box-shadow:inset 0 0 40px #d4af3714,0 20px 50px #0000000d}.arch-svg-border:before{content:"";pointer-events:none;border:1px dashed #d4af3759;border-top-left-radius:294px;border-top-right-radius:294px;position:absolute;inset:6px}img{max-width:100%;height:auto}body,html{max-width:100vw;overflow-x:hidden}@media (width<=768px){html{font-size:15px}.arch-frame-container{padding:20px 10px 50px}.arch-svg-border{border-top-left-radius:180px;border-top-right-radius:180px;padding:55px 14px 35px}.arch-svg-border:before{border-top-left-radius:174px;border-top-right-radius:174px;inset:4px}.btn-gold{padding:12px 24px;font-size:.85rem}.btn-gold-outline{padding:11px 22px;font-size:.82rem}.wax-seal{width:76px;height:76px}.wax-seal-inner{width:62px;height:62px;font-size:1.5rem}}@media (width<=480px){html{font-size:14px}.arch-frame-container{padding:12px 6px 40px}.arch-svg-border{border-top-left-radius:130px;border-top-right-radius:130px;padding:45px 10px 25px}.arch-svg-border:before{border-top-left-radius:125px;border-top-right-radius:125px;inset:3px}.intro-overlay{padding:12px}.envelope-container{border-radius:16px;padding:24px 14px}.wax-seal{width:68px;height:68px;margin-bottom:16px}.wax-seal-inner{width:54px;height:54px;font-size:1.3rem}.countdown-grid{gap:6px!important}}@media (width<=360px){html{font-size:13px}.arch-svg-border{border-top-left-radius:100px;border-top-right-radius:100px;padding:40px 8px 20px}.arch-svg-border:before{border-top-left-radius:95px;border-top-right-radius:95px}.envelope-container{padding:20px 10px}}