:root{--cream:#f7efde;--cream-2:#fbf6ea;--gold:#b8975a;--gold-deep:#8a6d3a;--ink:#3a2f20;--line:#d9c79a}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}html{height:100dvh}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(#efe6d2 0%,#f7efde 50%,#efe6d2 100%);min-height:100dvh;font-family:Cormorant Garamond,Georgia,serif}.page{justify-content:center;align-items:center;min-height:100dvh;padding:14px;display:flex}.card{flex-direction:column;width:min(560px,100%);max-height:96dvh;display:flex}.card-hidden{opacity:0;pointer-events:none;transform:translateY(20px)scale(.96)}.card-open{animation:1.1s cubic-bezier(.2,.8,.2,1) .25s both cardReveal}@keyframes cardReveal{0%{opacity:0;transform:translateY(40px)scale(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.cover{z-index:100;cursor:pointer;background:linear-gradient(#efe6d2 0%,#f7efde 50%,#efe6d2 100%);border:none;justify-content:center;align-items:center;padding:18px;font-family:Cinzel,serif;display:flex;position:fixed;inset:0}.cover[aria-label]:focus{outline:none}.cover:active .cover-inner{transform:scale(.985)}.cover-opening{animation:1.2s cubic-bezier(.7,0,.3,1) forwards coverOpen}@keyframes coverOpen{0%{opacity:1;transform:translateY(0)}55%{opacity:1;transform:translateY(-6%)rotateX(-4deg)}to{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-110%)rotateX(-25deg)}}.cover-inner{aspect-ratio:3/4.2;text-align:center;background:#f5ecd9;border:2px solid #c33a2b;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:min(440px,92vw);max-height:88dvh;padding:60px 30px 36px;transition:transform .15s;display:flex;position:relative;box-shadow:0 30px 60px -30px #503c1466}.cover-inner:before{content:"";background:#f5ecd9;border:2px solid #c33a2b;border-top:none;border-radius:0 0 40px 40px;width:70px;height:32px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.cover-monogram{align-items:center;gap:14px;margin-top:40px;display:flex}.cover-monogram span{color:var(--gold);font-family:Cinzel,serif;font-size:clamp(72px,18vw,110px);font-weight:500;line-height:1}.cover-bar{background:var(--gold);align-self:center;width:2px;height:.8em}.cover-tagline{letter-spacing:.18em;color:var(--gold-deep);margin-top:18px;font-size:13px;line-height:1.7}.cover-date{letter-spacing:.18em;color:var(--gold-deep);margin-top:16px;font-family:Cormorant Garamond,serif;font-size:18px}.cover-sn{border:1.5px solid var(--gold);letter-spacing:.2em;width:80%;color:var(--gold-deep);text-align:left;border-radius:999px;margin-top:auto;padding:10px 16px;font-size:13px}.cover-hint{color:var(--gold);opacity:.7;margin-top:14px;font-family:Cormorant Garamond,serif;font-size:13px;font-style:italic;animation:1.8s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=420px){.cover-inner{padding:50px 22px 28px}}.intro-stage{z-index:200;background:linear-gradient(#f3d9a8 0%,#efc88a 45%,#d9a86c 75%,#b8835a 100%);justify-content:center;align-items:flex-end;transition:opacity .55s;display:flex;position:fixed;inset:0;overflow:hidden}.intro-envelope,.intro-envelope .env4{background:0 0}.intro-fade{opacity:0}.intro-sky{pointer-events:none;position:absolute;inset:0}.intro-sun{filter:blur(2px);background:radial-gradient(circle,#fff4d4 0%,#ffd98a 55%,#ffd98a00 75%);border-radius:50%;width:160px;height:160px;animation:3s ease-in-out infinite sunPulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes sunPulse{0%,to{opacity:.95;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.intro-dragon{filter:drop-shadow(0 10px 20px #14080c80);transform-origin:50%;width:clamp(180px,36vw,320px);animation:5s cubic-bezier(.55,0,.85,.8) forwards dragonApproach;position:absolute;top:40%;left:50%}.dragon-svg{width:100%;height:auto;display:block}.dwing{transform-origin:160px 120px;animation:.5s ease-in-out infinite wingFlap}@keyframes wingFlap{0%,to{transform:scaleY(1)scaleX(1)}50%{transform:scaleY(.4)scaleX(.92)}}.dragon-fire{transform-origin:160px 70px;animation:.16s ease-in-out infinite fireFlicker}@keyframes fireFlicker{0%,to{opacity:.95;transform:scaleX(1)scaleY(1)}50%{opacity:1;transform:scaleX(.85)scaleY(1.15)}}@keyframes dragonApproach{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}10%{opacity:1}60%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}85%{opacity:1;transform:translate(-50%,-50%)scale(6)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.intro-hills{background:radial-gradient(at 20% 100%,#8a6d3a 0%,#0000 60%),radial-gradient(at 80% 100%,#6e5530 0%,#0000 55%),linear-gradient(#0000 0%,#5a4624 100%);height:38%;position:absolute;bottom:0;left:0;right:0}.intro-envelope{background:0 0}.sv{z-index:200;cursor:pointer;perspective:1800px;perspective-origin:50% 46%;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sv:disabled{cursor:default}.sv-half{width:50.2%;transform-style:preserve-3d;transition:transform 5s cubic-bezier(.36,0,.18,1);position:absolute;top:0;bottom:0}.sv-half.left{z-index:2}.sv-half:after{content:"";backface-visibility:visible;background:linear-gradient(90deg,#eadcc4 0%,#ddcaad 55%,#cbb693 100%);width:9px;position:absolute;top:0;bottom:0}.sv-half.left:after{transform-origin:100%;right:0;transform:rotateY(90deg)}.sv-half.right:after{transform-origin:0;left:0;transform:rotateY(-90deg)}.sv-half.left{transform-origin:0;left:0}.sv-half.right{transform-origin:100%;right:0}.sv.open .sv-half.left{transform:rotateY(-148deg)}.sv.open .sv-half.right{transform:rotateY(148deg)}.sv-face{transition:filter 5s}.sv.open .sv-face{filter:brightness(.86)}.sv-face{background-color:#f4ead9;background-image:linear-gradient(150deg,#fffaf080 0%,#f0e4d059 100%),url(/kapak-doku.webp);background-repeat:no-repeat,repeat;background-size:cover,clamp(220px,62vw,340px);position:absolute;inset:0}.sv-face:before{content:"";pointer-events:none;border:1px solid #b8975a6b;position:absolute;inset:5.5% 9%}.sv-half.left .sv-face:before{border-right:none}.sv-half.right .sv-face:before{border-left:none}.sv-face:after{content:"";pointer-events:none;background:radial-gradient(94% 76% at 50% 45%,#0000 60%,#785a371a 100%);position:absolute;inset:0}.sv-half.left .sv-face{box-shadow:inset -14px 0 32px -16px #785a3c57}.sv-half.right .sv-face{box-shadow:inset 14px 0 32px -16px #785a3c57}.sv-seal{z-index:5;pointer-events:none;filter:drop-shadow(2px 5px 7px #785f3c61);background:url(/muhur.webp) 50%/contain no-repeat;width:clamp(104px,29vw,140px);height:clamp(123px,34vw,166px);position:absolute;top:46%}.sv-half.left .sv-seal{right:0;transform:translate(50%,-50%)translateZ(9px)}.sv-tagline{z-index:5;justify-content:center;align-items:center;gap:12px;width:88%;transition:opacity .4s;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%)}.sv-tagline-text{color:#8a6a42;text-align:center;font-family:Pinyon Script,Great Vibes,cursive;font-size:clamp(23px,6.2vw,31px);line-height:1.5}.sv-orn{color:#b8975a;flex:none;font-size:clamp(10px,2.6vw,13px);position:relative}.sv-orn:before{content:"";background:linear-gradient(90deg,#0000,#b8975a);width:clamp(14px,5vw,30px);height:1px;position:absolute;top:50%}.sv-tagline .sv-orn:first-child:before{right:150%}.sv-tagline .sv-orn:last-child:before{left:150%;transform:scaleX(-1)}.sv.open .sv-tagline{opacity:0}.sv-hint{z-index:5;letter-spacing:.42em;text-transform:uppercase;color:#9c7f56;font-family:Cinzel,serif;font-size:11px;animation:1.9s ease-in-out infinite hintPulse;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.intro-cinema{background:#0a0608}.cinema{position:absolute;inset:0;overflow:hidden}.cinema-stage{background:radial-gradient(60% 80% at 50% 45%,#f3d9a8 0%,#c88a4c 35%,#5a2e1c 75%,#1a0808 100%);position:absolute;inset:0}.cinema-spotlight{pointer-events:none;background:radial-gradient(36% 50% at 50% 38%,#fff0c88c,#0000 70%);width:140%;height:130%;animation:2.4s ease-in-out infinite spotlightPulse;position:absolute;top:-10%;left:50%;transform:translate(-50%)}@keyframes spotlightPulse{0%,to{opacity:.85}50%{opacity:1}}.cinema-floor{background:linear-gradient(#0000 0%,#140804d9 60%,#0a0402 100%);height:16%;position:absolute;bottom:0;left:0;right:0}.cinema-content{text-align:center;color:#fff8e6;opacity:0;z-index:2;animation:1s ease-out 1.6s forwards titleReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes titleReveal{0%{opacity:0;transform:translate(-50%,-45%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cinema-script{color:#ffd98a;text-shadow:0 0 20px #ffc86499,0 6px 20px #501e0acc;letter-spacing:.01em;font-family:Great Vibes,cursive;font-size:clamp(56px,13vw,110px);line-height:1}.cinema-sub{letter-spacing:.28em;color:#fff8e6;text-shadow:0 2px 8px #0009;max-width:90vw;margin:14px auto 0;font-family:Cinzel,serif;font-size:clamp(11px,2vw,17px);line-height:1.5}.cinema-stars{pointer-events:none;position:absolute;inset:-40px}.star{opacity:0;background:#fff8e6;border-radius:50%;width:4px;height:4px;animation:2.4s ease-in-out infinite starTwinkle;position:absolute;box-shadow:0 0 8px 2px #fff0c8e6}.star.s0{animation-delay:0s;top:10%;left:8%}.star.s1{animation-delay:.3s;top:20%;left:90%}.star.s2{animation-delay:.6s;top:80%;left:14%}.star.s3{animation-delay:.9s;top:70%;left:86%}.star.s4{animation-delay:.2s;top:30%;left:20%}.star.s5{animation-delay:.5s;top:40%;left:80%}.star.s6{animation-delay:.8s;top:60%;left:30%}.star.s7{animation-delay:1.1s;top:50%;left:70%}.star.s8{animation-delay:.4s;top:5%;left:50%}.star.s9{animation-delay:.7s;top:92%;left:50%}.star.s10{animation-delay:1s;top:22%;left:60%}.star.s11{animation-delay:1.3s;top:78%;left:42%}.star.s12{animation-delay:.15s;top:12%;left:32%}.star.s13{animation-delay:.55s;top:88%;left:72%}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}}.curtain{z-index:3;will-change:transform;background:repeating-linear-gradient(90deg,#c89db0 0,#b48798 18px,#d4afc0 36px,#b48798 54px),linear-gradient(#a87a8c 0%,#c89db0 50%,#8e6678 100%);width:52%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 100px #50283859,0 0 30px #50283840}.curtain-l{transform-origin:0;border-right:2px solid #2a0608;animation:2.4s cubic-bezier(.55,0,.4,1) .4s forwards curtainOpenL;left:0}.curtain-r{transform-origin:100%;border-left:2px solid #2a0608;animation:2.4s cubic-bezier(.55,0,.4,1) .4s forwards curtainOpenR;right:0}@keyframes curtainOpenL{0%{transform:translate(0)scaleX(1)}to{transform:translate(-95%)scaleX(.6)}}@keyframes curtainOpenR{0%{transform:translate(0)scaleX(1)}to{transform:translate(95%)scaleX(.6)}}.fold{pointer-events:none;background:linear-gradient(90deg,#1408104d 0%,#0000 30%,#ffd2b40f 50%,#0000 70%,#1408104d 100%);width:8.33%;position:absolute;top:0;bottom:0}.curtain-edge{background:linear-gradient(90deg,#0009,#0000);width:12px;position:absolute;top:0;bottom:0}.curtain-l .curtain-edge{right:0;transform:scaleX(-1)}.curtain-r .curtain-edge{left:0}.curtain-rope{background:radial-gradient(circle at 35% 35%,#f3d9a8,#8a6d3a);border-radius:50%;width:22px;height:22px;position:absolute;top:38%;box-shadow:0 4px 8px #00000080}.curtain-l .curtain-rope{right:8px}.curtain-r .curtain-rope{left:8px}.cinema-pelmet{z-index:4;background:linear-gradient(#e6c478 0%,#b8975a 60%,#8a6d3a 100%),repeating-linear-gradient(90deg,#d9a86c 0,#b8975a 18px,#e6c478 36px,#b8975a 54px);border-bottom:2px solid #5a3920;height:8%;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 14px #503c1480}.swag{background:radial-gradient(at top,#b8975a 0%,#8a6d3a 80%,#0000 100%);border-radius:0 0 50% 50%;width:9%;height:26px;position:absolute;top:100%}.curtain-l{box-shadow:inset -4px 0 #b8975a,inset 0 0 100px #50283859}.curtain-r{box-shadow:inset 4px 0 #b8975a,inset 0 0 100px #50283859}.intro-caption{color:#fff8e6;text-shadow:0 4px 16px #50280a66;opacity:0;font-family:Great Vibes,cursive;font-size:clamp(40px,8vw,64px);animation:1s ease-out .5s forwards captionInCenter;position:absolute;top:8%;left:50%;transform:translate(-50%)}@keyframes captionInCenter{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.arch{background:var(--cream-2);border-radius:280px 280px 18px 18px;padding:14px;position:relative;box-shadow:0 30px 60px -30px #503c1459,0 4px 16px #503c1414}.arch-inner{border:1px solid var(--line);border-radius:270px 270px 12px 12px;padding:56px 32px 36px;position:relative}.arch-inner:before{content:"";border:1px solid var(--line);opacity:.55;pointer-events:none;border-radius:264px 264px 8px 8px;position:absolute;inset:8px}.names{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;line-height:1.04;display:flex}.script{color:var(--gold);padding:0 .12em;font-family:Great Vibes,cursive;font-size:clamp(58px,13vw,92px);font-weight:400}.script.amp{color:var(--gold-deep);margin:2px 0;font-size:clamp(30px,6vw,44px)}.tagline{justify-content:center;align-items:center;gap:10px;margin:2px 0 14px;display:flex}.tagline-text{color:var(--gold-deep);text-align:center;font-family:Great Vibes,cursive;font-size:clamp(20px,5.4vw,27px);line-height:1.25}.tagline-orn{color:var(--gold);flex:none;font-size:clamp(10px,2.4vw,13px);position:relative}.tagline-orn:before{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:clamp(14px,5vw,34px);height:1px;position:absolute;top:50%}.tagline-orn:first-child:before{right:150%}.tagline-orn:last-child:before{left:150%;transform:scaleX(-1)}.intro{text-align:center;color:#6b563a;margin:18px 0 26px;font-size:17px;font-style:italic;line-height:1.55}.parents{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:18px 0 26px;display:grid}.parent{letter-spacing:.08em;color:var(--gold-deep);text-align:center;flex-direction:column;gap:4px;font-family:Cinzel,serif;font-size:13px;line-height:1.4;display:flex}.wheat{width:44px;height:64px}.date-block{text-align:center;color:var(--gold-deep);margin:24px 0 8px;font-family:Cinzel,serif}.date-label{letter-spacing:.32em;margin-bottom:8px;font-size:14px}.date-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:14px;max-width:320px;margin:0 auto;padding:8px 0;display:flex}.date-side{letter-spacing:.2em;font-size:13px}.date-num{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:38px;font-weight:500;line-height:1}.date-year{letter-spacing:.2em;margin-top:6px;font-size:15px}.date-time{letter-spacing:.2em;margin-top:4px;font-size:13px}.date-venue{letter-spacing:.18em;color:var(--gold);margin-top:10px;font-size:13px}.countdown{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 24px;padding:14px 8px;display:grid}.cd-cell{text-align:center}.cd-num{color:var(--gold-deep);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500;line-height:1}.cd-label{letter-spacing:.2em;color:var(--gold);margin-top:4px;font-family:Cinzel,serif;font-size:10px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.btn{letter-spacing:.16em;cursor:pointer;border:1px solid var(--gold);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-family:Cinzel,serif;font-size:12px;text-decoration:none;transition:transform .15s,background .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-deep)}.btn-ghost{color:var(--gold-deep);background:0 0}.btn-ghost:hover{background:#b8975a1a}.modal-back{z-index:50;background:#3a2f208c;justify-content:center;align-items:center;padding:20px;animation:.2s fade;display:flex;position:fixed;inset:0}.modal{background:var(--cream-2);border:1px solid var(--line);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:28px}.modal h3{color:var(--gold-deep);letter-spacing:.16em;margin:0 0 12px;font-family:Cinzel,serif}.muted{color:#6b563a;margin-bottom:18px;font-size:16px;line-height:1.5}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=420px){.arch-inner{padding:36px 16px 22px}.parents{gap:8px;margin:10px 0 16px}.parent{font-size:10px}.intro{margin:10px 0 14px;font-size:14px}.script{font-size:clamp(46px,11vw,68px)}.script.amp{margin:2px 0;font-size:clamp(24px,4.5vw,34px)}.date-block{margin:14px 0 6px}.date-num{font-size:30px}.countdown{margin:14px 0;padding:10px 4px}.cd-num{font-size:22px}.cd-label{font-size:9px}.actions{gap:8px}.btn{padding:10px 14px;font-size:11px}.wheat{width:30px;height:46px}}@media (height<=720px){.arch-inner{padding-top:28px;padding-bottom:18px}.countdown{margin:10px 0;padding:8px 4px}.intro{margin:8px 0 12px}}