@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&family=DM+Sans:wght@300;400;500;600&display=swap');
:root{--wine:#4b0e20;--deep:#230712;--rose:#c9818f;--blush:#f2d9d8;--cream:#fff9f2;--gold:#c7a16b;--ink:#32141e}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:'DM Sans',sans-serif;color:var(--cream);background:var(--deep)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}
.gift-shell{min-height:100svh;display:grid;place-items:center;padding:28px;overflow:hidden;position:relative;background:radial-gradient(circle at 18% 20%,#7d2943 0,transparent 28%),radial-gradient(circle at 85% 78%,#6a2238 0,transparent 25%),linear-gradient(135deg,#230712,#4b0e20 60%,#2c0816)}.gift-shell:before{content:"";position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");pointer-events:none}.ambient{position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.ambient-one{top:-260px;right:-110px}.ambient-two{bottom:-300px;left:-80px}
.gift-card{width:min(1180px,100%);min-height:min(760px,calc(100svh - 56px));padding:34px 46px;border:1px solid rgba(255,255,255,.14);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.34);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(16px)}.brand-line{height:38px;display:flex;align-items:center;gap:12px;color:rgba(255,249,242,.6);text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600;position:relative;z-index:5}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic}.progress-label{margin-left:auto;color:var(--gold)}
.music-toggle{position:fixed;top:24px;right:28px;z-index:20;display:flex;align-items:center;gap:9px;padding:9px 13px 9px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,249,242,.72);background:rgba(35,7,18,.55);backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16)}.music-toggle span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--wine);background:var(--blush);font-size:15px}.music-toggle small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.music-toggle.is-playing span{animation:musicPulse 1.8s ease-in-out infinite}
.hero{width:58%;padding:110px 0 60px 5%;position:relative;z-index:2}.eyebrow{margin:0 0 22px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.27em}h1,h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.94;letter-spacing:-.035em}h1{font-size:clamp(58px,7vw,100px)}h2{font-size:clamp(43px,5.4vw,76px)}h1 em,h2 em{color:var(--blush);font-weight:600}.lead{max-width:570px;margin:28px 0 34px;color:rgba(255,249,242,.72);font-size:16px;font-weight:300;line-height:1.8}.primary-action{display:inline-flex;align-items:center;gap:28px;padding:17px 23px;border:0;border-radius:999px;color:var(--deep);background:var(--cream);font-weight:600;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.18);transition:.25s ease}.primary-action:hover{transform:translateY(-3px);background:var(--blush)}.primary-action span{font-size:20px}.primary-action.compact{padding:14px 22px;margin-top:22px}.tiny-note{margin:18px 0 0 20px;color:rgba(255,255,255,.38);font-size:11px}
.hero-art{position:absolute;width:43%;height:76%;right:2%;top:15%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(242,217,216,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"✦";position:absolute;color:var(--gold);top:8%;left:15%}.orbit-one{width:390px;height:390px}.orbit-two{width:290px;height:290px;animation-direction:reverse;animation-duration:13s}.gift-box{width:200px;height:160px;position:relative;display:grid;place-items:center;border-radius:8px 8px 20px 20px;background:linear-gradient(135deg,#e8c5c4,#b76879);box-shadow:0 35px 60px rgba(0,0,0,.32);transform:rotate(-3deg)}.gift-box .lid{position:absolute;width:225px;height:42px;top:-25px;border-radius:8px;background:linear-gradient(135deg,#f4dddd,#c77f8d);box-shadow:0 8px 15px rgba(40,0,10,.2)}.gift-box .ribbon{position:absolute;top:-25px;bottom:0;width:34px;background:rgba(102,25,47,.55)}.gift-box b{z-index:2;font:600 54px 'Cormorant Garamond';color:var(--cream)}.floating-hearts span{position:absolute;z-index:1;color:rgba(242,217,216,.25);font:30px 'Cormorant Garamond';animation:float 8s ease-in-out infinite}.floating-hearts span:nth-child(1){left:7%;top:22%}.floating-hearts span:nth-child(2){left:14%;bottom:13%;animation-delay:-2s}.floating-hearts span:nth-child(3){right:9%;top:12%;animation-delay:-4s}.floating-hearts span:nth-child(4){right:18%;bottom:9%;animation-delay:-1s}.floating-hearts span:nth-child(5){left:49%;top:8%;animation-delay:-5s}
.center-panel,.reasons-panel,.quiz-panel,.final-panel{max-width:920px;margin:0 auto;padding:75px 20px 40px;text-align:center;position:relative;z-index:2}.line-heart{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 26px;border:1px solid rgba(242,217,216,.28);border-radius:50%;color:var(--blush);font:42px 'Cormorant Garamond'}.soft-copy{max-width:600px;margin:24px auto;color:rgba(255,249,242,.62);line-height:1.7;font-weight:300}.date-input{width:min(340px,100%);display:block;margin:30px auto 0;padding:17px 22px;color:var(--cream);text-align:center;letter-spacing:.18em;border:1px solid rgba(255,255,255,.25);border-radius:999px;outline:0;background:rgba(0,0,0,.12)}.date-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(199,161,107,.1)}.date-input::placeholder{color:rgba(255,255,255,.27)}.feedback{color:var(--blush);font-size:13px;margin:14px 0 -8px}
.night-sky-panel{position:absolute;inset:0;overflow:hidden;border-radius:28px}.night-sky-map{position:absolute;inset:0;background:#02040a url('../images/sky-2026-03-17-suadiye-cropped.png') center center/cover no-repeat;filter:saturate(.86) contrast(1.08)}.night-sky-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,4,20,.92) 0%,rgba(20,6,28,.55) 38%,rgba(3,5,12,.08) 68%),linear-gradient(0deg,rgba(14,4,20,.72),transparent 48%),radial-gradient(circle at 72% 45%,transparent 0 25%,rgba(4,3,12,.26) 72%)}.night-sky-copy{position:absolute;z-index:2;left:8%;bottom:7%;max-width:620px}.night-sky-copy h2{font-size:clamp(46px,5.5vw,72px)}.night-sky-copy>p:not(.eyebrow){margin:15px 0 6px;color:rgba(255,249,242,.72);font:500 18px/1.5 'Cormorant Garamond'}.night-sky-copy .primary-action{background:rgba(255,249,242,.94)}.together-counter{display:flex;align-items:center;gap:13px;width:max-content;margin:14px 0 0;padding:10px 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(4,3,12,.42);backdrop-filter:blur(10px)}.counter-title{margin-right:5px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.2em}.together-counter div{display:flex;align-items:baseline;gap:5px}.together-counter strong{font:600 24px 'Cormorant Garamond';color:var(--cream)}.together-counter small{color:rgba(255,255,255,.52);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.together-counter i{color:var(--gold);font-style:normal;opacity:.7}
.memory-layout{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:45px 7%}.section-copy .soft-copy{margin-left:0}.memory-nav{display:flex;align-items:center;gap:16px;margin-top:32px}.memory-nav button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:white;cursor:pointer}.memory-nav button:hover{background:var(--cream);color:var(--wine)}.memory-nav span{font-size:11px;letter-spacing:.15em;color:rgba(255,255,255,.5)}.polaroid-wrap{display:grid;place-items:center;animation:cardIn .5s ease}.polaroid{width:min(410px,100%);padding:14px 14px 24px;color:var(--ink);background:#fffaf4;transform:rotate(2deg);box-shadow:0 30px 50px rgba(0,0,0,.35)}.polaroid.portrait{width:min(310px,86%);transform:rotate(-1.5deg)}.photo-placeholder{aspect-ratio:4/3;background-color:#d9adb2;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.polaroid.portrait .photo-placeholder{aspect-ratio:3/4}.polaroid p{margin:20px 13px 8px;font:600 21px/1.25 'Cormorant Garamond'}.polaroid small{margin-left:13px;color:#946c72;letter-spacing:.15em;font-size:8px}.corner-next{position:absolute;right:45px;bottom:35px;border:0;background:none;color:var(--cream);font-size:12px;letter-spacing:.08em;cursor:pointer}
.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0 12px}.reason-card{min-height:190px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:var(--cream);background:rgba(255,255,255,.045);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:.3s ease}.reason-card:hover{transform:translateY(-5px);border-color:rgba(199,161,107,.5)}.reason-card.is-open{background:var(--cream);color:var(--wine)}.reason-number{align-self:flex-start;color:var(--gold);font-size:9px;letter-spacing:.15em}.reason-heart{font:42px 'Cormorant Garamond';color:var(--rose)}.reason-card strong{font:500 15px/1.45 'Cormorant Garamond'}.reasons-panel{padding-top:55px}
.fairytale-panel{max-width:1030px;margin:0 auto;padding:35px 15px 65px;text-align:center}.fairytale-panel h2{font-size:clamp(48px,5.5vw,72px)}.fairytale-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 4px}.tale-scene{min-height:365px;padding:15px 15px 22px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.045);transition:.3s}.tale-scene.featured{transform:translateY(-9px);border-color:rgba(199,161,107,.38);background:rgba(199,161,107,.08)}.tale-art{height:180px;margin-bottom:17px;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(#11152e,#44203d 68%,#7a3c55)}.tale-scene small{color:var(--gold);font-size:8px;letter-spacing:.2em}.tale-scene h3{margin:7px 0 8px;font:600 27px 'Cormorant Garamond';color:var(--blush)}.tale-scene p{margin:0;color:rgba(255,255,255,.58);font:500 15px/1.45 'Cormorant Garamond'}.tale-moon{position:absolute;right:23px;top:14px;color:#fff4cf;font-size:40px}.tale-path:before,.tale-path:after{content:"";position:absolute;bottom:-25px;width:180px;height:100px;border-radius:50%;background:#28152e}.tale-path:before{left:-35px;transform:rotate(8deg)}.tale-path:after{right:-40px;background:#341a34;transform:rotate(-8deg)}.tale-path i{position:absolute;bottom:0;width:7px;height:78px;background:#171220;z-index:2}.path-one{left:35%;transform:rotate(-22deg)}.path-two{right:35%;transform:rotate(22deg)}.tale-path b{position:absolute;z-index:3;left:50%;bottom:58px;transform:translateX(-50%);color:var(--blush);font:34px 'Cormorant Garamond'}.star-field{position:absolute;inset:18px;color:var(--gold);letter-spacing:1.5em}.tale-embrace i{position:absolute;bottom:22px;width:32px;height:88px;border-radius:50% 50% 18px 18px;background:#140e1c}.tale-embrace i:nth-of-type(1){left:42%;transform:rotate(8deg)}.tale-embrace i:nth-of-type(2){right:42%;transform:rotate(-8deg)}.tale-embrace b{position:absolute;left:50%;bottom:89px;transform:translateX(-50%);color:var(--blush);font:28px 'Cormorant Garamond'}.tale-stars{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--gold);font-size:24px}.tale-stars b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--blush);font:600 60px 'Cormorant Garamond'}.fairytale-panel>.primary-action{margin-top:12px}
.first-hug-layout{min-height:630px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:42px;padding:38px 3%}.first-hug-photo{width:100%;height:auto;aspect-ratio:4/3;border:10px solid #fffaf4;background-color:#fffaf4;background-image:url('../images/first-hug-place-edited.png');background-position:45% 38%;background-size:190%;background-repeat:no-repeat;box-shadow:0 30px 60px rgba(0,0,0,.36);transform:rotate(-1.5deg)}.first-hug-copy .soft-copy{margin-left:0}.location-pin{display:grid;place-items:center;width:54px;height:54px;margin-bottom:22px;border:1px solid rgba(242,217,216,.3);border-radius:50%;color:var(--blush);font-size:28px}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px;margin:38px auto 20px}.quiz-option{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.04);color:var(--cream);cursor:pointer;text-align:left;transition:.2s}.quiz-option:hover,.quiz-option.selected{border-color:var(--gold);background:rgba(199,161,107,.14)}.quiz-option span{font-size:24px;color:var(--blush)}.quiz-option strong{font-size:13px;font-weight:500}.quiz-result{color:var(--blush);font:600 20px 'Cormorant Garamond';animation:fadeIn .4s ease}
.bouquet-panel{max-width:980px;margin:0 auto;padding:34px 20px 62px;text-align:center;position:relative}.bouquet-panel h2{font-size:clamp(44px,5.4vw,70px)}.bouquet-panel .soft-copy{margin-block:16px 5px}.bouquet{width:520px;height:300px;max-width:100%;margin:0 auto;position:relative}.flower{position:absolute;bottom:34px;width:100px;height:235px;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:50% 100%;transition:.35s ease}.flower:hover{transform:translateY(-9px) rotate(2deg)}.flower.is-picked{filter:drop-shadow(0 0 15px rgba(242,217,216,.3))}.flower-1{left:25px;transform:rotate(-15deg)}.flower-2{left:115px;bottom:45px;transform:rotate(-7deg)}.flower-3{left:210px;bottom:55px}.flower-4{right:115px;bottom:45px;transform:rotate(7deg)}.flower-5{right:25px;transform:rotate(15deg)}.stem{position:absolute;width:5px;height:155px;left:48px;bottom:0;border-radius:5px;background:linear-gradient(#829b73,#496346)}.leaf{position:absolute;width:39px;height:19px;bottom:65px;background:#6f8b65}.leaf-left{left:13px;border-radius:100% 0 100% 0;transform:rotate(24deg)}.leaf-right{right:12px;bottom:91px;border-radius:0 100% 0 100%;transform:rotate(-24deg)}.petals{position:absolute;width:92px;height:92px;left:4px;top:0;animation:flowerSway 3s ease-in-out infinite}.petals i{position:absolute;width:38px;height:48px;left:27px;top:2px;border-radius:55% 55% 45% 45%;transform-origin:50% 44px;background:linear-gradient(145deg,#f5d8da,#c67787)}.flower-2 .petals i{background:linear-gradient(145deg,#fff0dc,#d8a278)}.flower-3 .petals i{background:linear-gradient(145deg,#f6e5ec,#bd7898)}.flower-4 .petals i{background:linear-gradient(145deg,#eedcf4,#a878b5)}.flower-5 .petals i{background:linear-gradient(145deg,#ffe5df,#d27e72)}.petals i:nth-child(1){transform:rotate(0deg)}.petals i:nth-child(2){transform:rotate(72deg)}.petals i:nth-child(3){transform:rotate(144deg)}.petals i:nth-child(4){transform:rotate(216deg)}.petals i:nth-child(5){transform:rotate(288deg)}.petals b{position:absolute;z-index:2;display:grid;place-items:center;width:32px;height:32px;left:30px;top:30px;border-radius:50%;color:var(--wine);background:#efc889;font:20px 'Cormorant Garamond'}.flower.is-picked .petals{animation:flowerBloom .5s ease both}.bouquet-ribbon{position:absolute;left:50%;bottom:23px;z-index:4;transform:translateX(-50%) rotate(-2deg);width:220px;padding:12px 18px;color:var(--wine);background:var(--blush);font:600 17px 'Cormorant Garamond';box-shadow:0 8px 20px rgba(0,0,0,.2)}.bouquet-ribbon:before,.bouquet-ribbon:after{content:"";position:absolute;top:8px;width:42px;height:33px;background:#ba7280;z-index:-1}.bouquet-ribbon:before{left:-30px;transform:skewY(22deg)}.bouquet-ribbon:after{right:-30px;transform:skewY(-22deg)}.compliment-note{min-height:42px;margin:-2px auto 2px;color:var(--blush);font:600 clamp(19px,2.4vw,26px) 'Cormorant Garamond';animation:fadeUp .45s ease}.compliment-note span{color:var(--gold);font-size:32px}.bouquet-next{animation:fadeUp .45s ease}
.birthday-wish-panel{max-width:780px;margin:0 auto;padding:48px 20px 55px;text-align:center;position:relative}.birthday-wish-panel h2{font-size:clamp(54px,7vw,88px)}.cake{width:280px;height:280px;margin:12px auto 2px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.candle{width:18px;height:75px;position:relative;z-index:4;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(45deg,#fff4e8 0 8px,#c96f7e 8px 16px);box-shadow:0 5px 12px rgba(0,0,0,.2)}.wick{position:absolute;width:2px;height:9px;left:8px;top:-8px;background:#4b302a}.flame{position:absolute;width:24px;height:36px;left:-3px;top:-43px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 65%,#fff6bd 0 16%,#ffbd45 34%,#f06b37 70%);box-shadow:0 0 18px #ffb23e,0 0 45px rgba(255,151,55,.55);transform-origin:50% 100%;animation:flicker .8s ease-in-out infinite alternate;transition:.35s}.flame.is-out{opacity:0;transform:scale(.1) translateY(18px)}.cake-top{width:210px;height:28px;margin-top:-3px;position:relative;z-index:3;border-radius:50%;background:#ffe2df;box-shadow:inset 0 -7px #d88696}.cake-top span{position:absolute;width:13px;height:18px;top:17px;border-radius:0 0 8px 8px;background:#d88696}.cake-top span:nth-child(1){left:24px}.cake-top span:nth-child(2){left:65px;height:27px}.cake-top span:nth-child(3){left:105px}.cake-top span:nth-child(4){left:145px;height:25px}.cake-top span:nth-child(5){left:180px}.cake-layer{background:linear-gradient(90deg,#efb7b5,#f8d4ce 48%,#df9da5);box-shadow:inset 0 -8px rgba(114,30,52,.12)}.cake-upper{width:210px;height:68px;border-radius:4px 4px 13px 13px}.cake-lower{width:250px;height:72px;border-radius:8px 8px 16px 16px;border-top:7px solid #fff0e4}.cake-plate{width:280px;height:16px;border-radius:50%;background:#eee1d7;box-shadow:0 13px 22px rgba(0,0,0,.28)}.wish-message{margin:10px auto 0;color:var(--blush);font:600 21px 'Cormorant Garamond';animation:fadeUp .55s ease both}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:9999}.confetti i{position:absolute;left:calc(var(--x) * 1%);top:-6vh;width:9px;height:18px;border-radius:2px;background:hsl(var(--hue),80%,68%);box-shadow:0 0 5px rgba(255,255,255,.25);animation:confettiScreen 3.2s var(--delay) cubic-bezier(.18,.65,.35,1) forwards}.confetti i:nth-child(3n){width:12px;height:12px;border-radius:50%;background:var(--gold)}.confetti i:nth-child(4n){background:var(--blush)}.confetti i:nth-child(5n){width:7px;height:22px;background:#fff4d8}
.letter-layout{min-height:640px;display:grid;place-items:center;padding:35px 20px 70px}.letter-paper{width:min(680px,92%);padding:48px 58px;color:var(--ink);background:#fffaf2;box-shadow:0 30px 70px rgba(0,0,0,.36);transform:rotate(-.7deg);position:relative}.letter-paper:before{content:"";position:absolute;inset:12px;border:1px solid #ead9c8;pointer-events:none}.letter-paper .eyebrow{color:#9a6270}.letter-paper h2{font-size:clamp(38px,5vw,59px)}.letter-paper h2 em{color:#9d4d60}.letter-paper>p:not(.eyebrow){font:500 17px/1.65 'Cormorant Garamond'}.signature{text-align:right;margin-top:24px!important;color:#874055}.seal-button{position:absolute;right:8%;bottom:45px;border:0;color:var(--cream);background:none;cursor:pointer}.seal-button span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 7px;border-radius:50%;background:#9d425a;font:30px 'Cormorant Garamond';box-shadow:0 8px 18px rgba(0,0,0,.25)}
.final-panel{padding-top:55px}.final-panel h2{font-size:clamp(52px,7vw,86px)}.final-panel .lead{margin:20px auto}.final-collage{height:138px;display:flex;justify-content:center;align-items:center;margin:18px auto 6px}.final-collage div{width:104px;height:124px;border:5px solid #fffaf4;background-position:center;background-size:cover;box-shadow:0 10px 25px rgba(0,0,0,.3);margin:0 -7px}.final-collage div:nth-child(odd){transform:rotate(-5deg)}.final-collage div:nth-child(even){transform:rotate(5deg)}.final-collage div:nth-child(3){transform:rotate(0) translateY(-7px);z-index:2}.final-heart{font:58px 'Cormorant Garamond';line-height:1;color:var(--blush);animation:pulse 1.8s ease-in-out infinite}.sparkles{color:var(--gold);margin-bottom:18px;letter-spacing:.5em}.final-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.ghost-action{border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:8px;background:none;color:rgba(255,255,255,.65);font-size:11px;letter-spacing:.1em;cursor:pointer}.credits-screen{position:absolute;inset:0;overflow:hidden;border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 65%,#4e1930,#180610 66%);z-index:10}.credits-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:67px 67px;opacity:.18}.credits-stars{position:absolute;inset:8% 0 auto;color:var(--gold);letter-spacing:1em}.credits-roll{position:absolute;width:100%;top:100%;animation:creditsRoll 22s linear forwards}.credits-roll>p{color:var(--gold);font-size:10px;letter-spacing:.3em}.credits-roll h2{margin:5px 0 32px;font-size:64px;color:var(--blush)}.credits-roll small{display:block;margin-top:25px;color:var(--gold);font-size:8px;letter-spacing:.25em}.credits-roll h3{margin:5px 0;color:var(--cream);font:500 27px 'Cormorant Garamond'}.credit-photo{width:150px;height:180px;margin:0 auto 28px;border:6px solid #fffaf4;background-position:center;background-size:cover;box-shadow:0 15px 30px rgba(0,0,0,.35);transform:rotate(-2deg)}.credit-heart{margin-top:42px;color:var(--blush);font:72px 'Cormorant Garamond'}.credits-roll .to-be-continued{font-size:48px;margin-bottom:200px}.credits-close{position:absolute;right:22px;bottom:20px;z-index:3;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;color:rgba(255,255,255,.65);background:rgba(0,0,0,.25);font-size:10px;cursor:pointer}.back-button{position:absolute;left:45px;bottom:35px;border:0;background:none;color:rgba(255,255,255,.5);font-size:11px;cursor:pointer}.content-enter{animation:fadeUp .65s cubic-bezier(.2,.7,.2,1) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes cardIn{from{opacity:0;transform:translateX(25px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-22px) rotate(8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}@keyframes musicPulse{50%{transform:scale(1.12);box-shadow:0 0 0 6px rgba(242,217,216,.1)}}@keyframes flowerSway{50%{transform:rotate(4deg) translateY(-3px)}}@keyframes flowerBloom{0%{transform:scale(.75) rotate(-8deg)}65%{transform:scale(1.15) rotate(3deg)}100%{transform:scale(1)}}@keyframes creditsRoll{from{transform:translateY(0)}to{transform:translateY(-1950px)}}@keyframes flicker{0%{transform:rotate(-3deg) scaleY(1)}100%{transform:rotate(4deg) scaleY(.9)}}@keyframes confettiScreen{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(0) scale(.6)}5%{opacity:1}72%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),112vh,0) rotate(1080deg) scale(1)}}
@media(max-width:800px){.fairytale-panel{padding:45px 0 70px;overflow:hidden}.fairytale-panel h2{font-size:44px}.fairytale-scenes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-4px;padding:12px 9vw 20px;scrollbar-width:none}.fairytale-scenes::-webkit-scrollbar{display:none}.tale-scene{min-width:76vw;scroll-snap-align:center}.tale-scene.featured{transform:none}.credits-screen{border-radius:0}.credits-roll h2{font-size:50px}.credits-roll .to-be-continued{font-size:39px}.credits-close{right:14px;bottom:14px}}
#blazor-error-ui{display:none}.loading-progress{display:block;width:62px;height:62px;margin:40vh auto 16px}.loading-progress circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:.55rem;transform-origin:50% 50%;transform:rotate(-90deg)}.loading-progress circle:last-child{stroke:var(--gold);stroke-dasharray:calc(3.141 * var(--blazor-load-percentage,0%) * .8),500%;transition:stroke-dasharray .05s}.loading-progress-text{text-align:center;color:var(--blush);font:500 18px 'Cormorant Garamond'}.loading-progress-text:after{content:"Anılar hazırlanıyor…"}
@media(max-width:800px){.gift-shell{padding:0}.gift-card{min-height:100svh;border:0;border-radius:0;padding:22px 20px}.music-toggle{top:auto;right:14px;bottom:14px;padding:8px}.music-toggle small{display:none}.brand-line{padding:0 4px}.hero{width:100%;padding:90px 4px 40px}.hero-art{opacity:.18;width:100%;right:-25%;top:17%;pointer-events:none}.orbit-one{width:330px;height:330px}.gift-box{width:170px;height:130px}.center-panel,.reasons-panel,.quiz-panel{padding:70px 0 65px}.night-sky-panel{border-radius:0}.night-sky-map{background-size:auto 112%;background-position:58% center}.night-sky-vignette{background:linear-gradient(0deg,rgba(13,4,20,.96) 0%,rgba(14,5,22,.65) 45%,rgba(3,4,12,.1) 76%)}.night-sky-copy{left:16px;right:16px;bottom:7%;text-align:center}.night-sky-copy h2{font-size:40px}.night-sky-copy>p:not(.eyebrow){font-size:16px;margin-block:12px 4px}.together-counter{margin:12px auto 0;gap:8px;padding:9px 10px}.counter-title{display:none}.together-counter strong{font-size:21px}.bouquet-panel{padding:45px 0 70px;overflow:hidden}.bouquet-panel h2{font-size:42px}.bouquet{width:520px;max-width:none;left:50%;margin-left:-260px;transform:scale(.7);margin-top:-20px;margin-bottom:-70px}.compliment-note{padding-inline:10px;min-height:58px}.birthday-wish-panel{padding:45px 0 65px}.cake{transform:scale(.9);margin-top:-4px;margin-bottom:-12px}.final-panel{padding:48px 0 58px}.memory-layout{display:block;padding:52px 5px 80px}.polaroid-wrap{margin:35px auto}.first-hug-layout{display:flex;flex-direction:column;padding:38px 0 80px;gap:32px}.first-hug-photo{width:106%;height:auto;aspect-ratio:4/3;background-size:190%;background-position:45% 38%;border-width:7px}.first-hug-copy{text-align:center}.first-hug-copy .soft-copy{margin-left:auto}.location-pin{margin:0 auto 20px}.reason-grid{grid-template-columns:1fr 1fr}.reason-card{min-height:155px}.quiz-options{grid-template-columns:1fr}.letter-layout{padding:35px 0 110px}.letter-paper{padding:36px 30px}.seal-button{right:50%;transform:translateX(50%);bottom:25px}.corner-next{right:20px;bottom:25px}.back-button{left:20px;bottom:25px}.final-collage div{width:72px;height:92px;border-width:3px}h1{font-size:58px}}@media(max-width:420px){.brand-line>span:nth-child(2){display:none}.reason-grid{gap:8px}.reason-card{padding:12px}.hero{padding-top:75px}.gift-card{padding-inline:16px}.final-collage div{width:62px;height:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}