@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#faf7ef;--ink:#522534;--muted:#877976;--rose:#9b3c52;--line:#e5ded3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b87585;outline-offset:5px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.paper-texture{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.12;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238e7b62' filter='url(%23n)' opacity='.28' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{max-width:1440px;margin:auto;min-height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:500 25px var(--serif);letter-spacing:-1px;display:flex;align-items:center}.logo-flower{font:35px Georgia;margin-right:10px;color:var(--rose);line-height:1}.brand-dot{color:var(--rose)}.header-note{font-size:10px;font-weight:600;letter-spacing:2.8px;padding-right:80px;color:var(--muted)}.header-heart{font:30px Georgia;color:var(--rose)}main{outline:none;max-width:1260px;margin:auto;min-height:calc(100svh - 205px)}.scene{animation:arrive .65s ease both}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;padding:44px 4.3% 40px;gap:20px}.hero-copy{position:relative;z-index:1;padding:0 0 4px 16px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--rose);margin-bottom:26px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--rose);opacity:.6}h1,h2,p{margin:0}h1{font:400 clamp(46px,5.2vw,74px)/1.13 var(--serif);letter-spacing:-2.7px}h1 em{color:var(--rose);font-weight:400}p.description{max-width:350px;line-height:1.9;color:var(--muted);font-size:14px;margin-top:24px}.primary{background:var(--rose);border:1px solid var(--rose);border-radius:100px;padding:18px 27px;color:#fff8ef;display:inline-flex;gap:25px;align-items:center;justify-content:center;font-size:13px;min-height:54px;transition:transform .2s,background .2s,box-shadow .2s}.primary:hover{transform:translateY(-3px);background:#823047;box-shadow:0 7px 18px #923d5218}.primary .arrow{font-size:20px;line-height:1;font-family:Arial}.intro-cta{margin-top:34px}.micro-note{font-size:10px;color:var(--muted);margin-top:13px;letter-spacing:.2px;display:flex;gap:7px;align-items:center}.visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.bouquet-button{width:100%;max-width:490px;border:0;background:none;position:relative;padding:0;transition:transform .7s cubic-bezier(.2,.8,.2,1);border-radius:50%;touch-action:manipulation}.bouquet-button:hover{transform:rotate(-3deg) scale(1.03)}.bouquet{display:block;width:100%;height:auto;position:relative;z-index:2;overflow:visible;filter:drop-shadow(2px 7px 4px #6147380c)}.bouquet-button:before{content:'';position:absolute;width:81%;height:77%;left:10%;top:5%;border-radius:49% 51% 55% 45%;background:radial-gradient(ellipse,#f0e0d8aa, #f5ece56b 50%,transparent 70%);transform:rotate(-10deg)}.flower{transform-box:fill-box;transform-origin:50% 80%;animation:sway 6s ease-in-out infinite}.flower-two,.flower-five{animation-delay:-2s;animation-duration:7s}.flower-three,.flower-six{animation-delay:-4s;animation-duration:8s}.flower-four{animation-delay:-1s}.round-caption{position:absolute;right:12px;top:25px;width:112px;height:112px;border:1px solid #cdbcb2;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font:italic 16px/1.4 var(--serif);transform:rotate(13deg);color:#8f6b68;z-index:3}.round-caption:before{content:'✧';position:absolute;top:7px;font-size:15px}.bouquet-caption{position:absolute;bottom:9px;left:45%;font:italic 20px var(--serif);color:#98736d;transform:rotate(-8deg);z-index:3;white-space:nowrap}.caption-arrow{position:absolute;bottom:40px;left:38%;font-size:40px;transform:rotate(20deg);font-family:Georgia;color:#a5867e}.little-spark{position:absolute;color:#b99b69;font-size:25px;z-index:3}.spark-one{top:100px;left:22px}.spark-two{right:9px;bottom:136px;font-size:17px}.floral-line{position:absolute;left:10px;bottom:70px;width:110px;height:110px;opacity:.7}.site-footer{max-width:1260px;margin:0 auto;min-height:92px;padding:23px 5.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.45px}.footer-right span{font-size:15px;margin-left:6px}.progress{display:flex;gap:8px}.progress span{width:6px;height:6px;border-radius:50%;background:#ded5c9;transition:all .4s}.progress span.active{background:var(--rose);width:24px;border-radius:9px}.overline-note{font:italic 19px var(--serif);color:#a27d74;margin-bottom:28px}.invite .hero-copy h1{font-size:clamp(44px,4.9vw,66px)}.invite .visual{border-radius:48% 48% 4px 4px;background:#f1e8de;max-width:450px;height:510px;margin:10px auto;width:100%;overflow:hidden}.invite .bouquet{width:94%;margin-top:-22px}.invite .visual:after{content:'İyi ki varsın.';position:absolute;bottom:31px;font:italic 25px var(--serif);color:var(--rose)}.invite-actions{display:flex;align-items:center;gap:20px;margin-top:32px;flex-wrap:wrap}.text-button{border:0;padding:10px 0;background:transparent;font-size:12px;color:var(--muted);border-bottom:1px solid #d6c7bc}.persuade{margin-top:18px;max-width:340px;font:italic 18px/1.6 var(--serif);color:var(--rose);min-height:29px}.mini-label{position:absolute;right:20px;top:28px;z-index:3;background:var(--paper);padding:12px 15px;font-size:9px;letter-spacing:2px;transform:rotate(7deg);box-shadow:0 2px 8px #67422f0c}.planner{padding:38px 5.5% 44px}.planner-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.planner h1,.summary h1{font-size:44px;letter-spacing:-1.6px}.planner-head .eyebrow{margin-bottom:14px}.planner-head p{color:var(--muted);font-size:12px;line-height:1.7;text-align:right;max-width:220px}.plan-grid{display:grid;grid-template-columns:1fr 300px;gap:55px}.plan-fields{min-width:0}.field-group{border-top:1px solid var(--line);padding:23px 0 24px}legend,.field-title{font:400 21px var(--serif);margin-bottom:16px;display:flex;align-items:center;gap:12px}.number{font:500 10px var(--sans);color:var(--rose);letter-spacing:1px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset legend{padding:0;width:100%}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-label{font-size:10px;color:var(--muted);letter-spacing:.7px;display:block}.input-label input,.input-label select{width:100%;margin-top:8px;min-height:48px;border:1px solid #ded3c5;background:#fffdf7;padding:10px 14px;border-radius:7px;color:var(--ink);color-scheme:light;max-width:100%;min-width:0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option{position:relative;display:block;cursor:pointer}.option input{position:absolute;opacity:0;width:1px;height:1px}.option-face{height:104px;border:1px solid #dfd5c9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fffdf630;transition:background .2s,border .2s,transform .2s;font-size:11px}.option-face svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;color:#9c6959}.option input:checked+.option-face{background:#f4e5e2;border-color:#ab6575;color:var(--rose)}.option input:checked+.option-face:after{content:'✓';position:absolute;right:8px;top:6px;font-size:10px}.option input:focus-visible+.option-face{outline:3px solid #b87585;outline-offset:3px}.option:hover .option-face{transform:translateY(-2px)}.activity-options{display:flex;flex-wrap:wrap;gap:9px}.activity .option-face{height:auto;padding:13px 17px;border-radius:100px;display:block;font-size:11px}.activity input:checked+.option-face:after{display:none}.plan-aside{align-self:start;position:sticky;top:30px;background:#efe7da;border-radius:130px 130px 5px 5px;padding:12px 26px 27px;text-align:center}.plan-aside .bouquet{width:205px;max-width:100%;margin:0 auto -34px}.plan-aside h2{font:italic 24px var(--serif);margin-bottom:18px}.live-details{border-top:1px solid #d9cdbb;border-bottom:1px solid #d9cdbb;padding:14px 0;margin:0 0 20px;text-align:left}.live-detail{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:2.3}.live-detail span:first-child{color:var(--muted)}.plan-aside .primary{width:100%;padding:15px 13px;font-size:11px;gap:14px}.aside-note{font:italic 14px/1.7 var(--serif);margin-top:17px;color:#9a7d70}.back-button{background:none;border:0;font-size:10px;color:var(--muted);margin-top:10px;padding:9px 0}.summary{padding:46px 5.5%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;min-height:640px}.summary .eyebrow{margin-bottom:23px}.summary h1{font-size:58px;line-height:1.2}.summary .description{max-width:320px}.summary-decoration{display:flex;align-items:center;gap:12px;margin:29px 0;color:var(--rose);font:italic 18px var(--serif)}.summary-decoration svg{width:70px;height:70px}.ticket{position:relative;background:#f1e6dd;border:1px solid #e2d1c3;border-radius:140px 140px 8px 8px;padding:35px 35px 25px;text-align:center;transform:rotate(2deg);box-shadow:5px 12px 35px #71513a09}.ticket .bouquet{width:180px;margin:-15px auto -40px}.ticket-eyebrow{font-size:8px;letter-spacing:3px;color:#996f68}.ticket h2{font:400 31px var(--serif);margin-top:12px}.ticket-date{font:400 21px var(--serif);margin:20px 0 6px}.ticket-time{font-size:12px;color:var(--muted);margin-bottom:25px}.ticket-bottom{border-top:1px dashed #c7b3a0;padding:20px 0 5px;font-size:12px;line-height:2}.ticket-foot{font-size:8px;letter-spacing:2.7px;color:#9a7d70;margin-top:21px}.summary-actions{margin-top:26px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.summary-actions .primary{padding:16px 22px;font-size:12px;gap:16px}.summary .micro-note{max-width:330px;line-height:1.6}.replay{margin-top:20px;display:inline-block}.confetti-petal{position:fixed;z-index:20;left:var(--x);top:-30px;width:var(--s);height:calc(var(--s) * 1.5);border-radius:70% 0 70% 0;background:var(--c);pointer-events:none;animation:fall var(--d) linear forwards;opacity:.8}.opening .bouquet-button{animation:open-flower .85s ease both;pointer-events:none}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:14px 22px;max-width:90%;width:max-content;background:var(--ink);color:var(--paper);border-radius:30px;font-size:12px;z-index:40;transition:all .25s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes open-flower{50%{transform:scale(1.08) rotate(-4deg)}100%{transform:scale(1.18);opacity:0}}@keyframes fall{0%{transform:translate3d(0,-20px,0) rotate(0)}100%{transform:translate3d(100px,110vh,0) rotate(500deg)}}
@media(min-width:1450px){.site-header{border-bottom:0}.hero{min-height:calc(100svh - 205px)}}
@media(max-width:1000px){.hero{min-height:590px;padding:35px 5%}.hero-copy{padding-left:0}.visual{height:460px}.round-caption{width:88px;height:88px;font-size:13px;right:0}.bouquet-caption{font-size:17px;left:38%;bottom:10px}.invite .visual{height:440px}.plan-grid{gap:28px;grid-template-columns:1fr 260px}.summary{gap:35px}.ticket{padding-left:25px;padding-right:25px}.summary h1{font-size:49px}}
@media(max-width:700px){.site-header{min-height:80px;padding:0 7%;border-bottom:0}.wordmark{font-size:23px}.logo-flower{font-size:29px}.header-note{display:none}.header-heart{font-size:25px}.hero{display:flex;flex-direction:column;padding:8px 7% 35px;gap:0;min-height:0}.hero-copy{width:100%;order:2;text-align:center;padding:0}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:17px;justify-content:center;gap:8px}.eyebrow:before{width:20px}h1{font-size:49px;line-height:1.13;letter-spacing:-2px}.hero-copy h1 br.desktop-break{display:none}.visual{width:100%;height:315px;order:1;margin-bottom:14px}.bouquet-button{width:300px;max-width:90%;margin-top:-18px}.round-caption{right:0;top:18px;width:79px;height:79px;font-size:12px}.bouquet-caption{font-size:15px;left:47%;bottom:0}.caption-arrow{font-size:31px;left:40%;bottom:20px}.spark-one{top:79px;left:13px;font-size:20px}.spark-two{bottom:81px;right:10px}.floral-line{display:none}p.description{margin:17px auto 0;font-size:12px;line-height:1.8;max-width:290px}.intro-cta{margin-top:23px}.primary{min-height:50px;padding:15px 24px;font-size:12px}.micro-note{justify-content:center;font-size:9px;margin-top:11px}.site-footer{min-height:75px;margin:0 7%;padding:20px 0;font-size:8px;gap:10px;letter-spacing:0}.footer-right{display:none}.progress{gap:6px}.progress span{width:5px;height:5px}.progress span.active{width:19px}main{min-height:calc(100svh - 155px)}.invite{padding-top:9px}.invite .visual{height:272px;max-width:270px;margin:0 auto 24px;border-radius:135px 135px 3px 3px}.invite .bouquet{width:258px;margin-top:-35px}.invite .visual:after{font-size:18px;bottom:17px}.mini-label{font-size:7px;padding:8px;top:20px;right:2px}.invite .hero-copy h1{font-size:43px}.overline-note{font-size:16px;margin-bottom:13px}.invite-actions{justify-content:center;gap:20px;margin-top:23px}.persuade{margin:12px auto 0;font-size:15px;min-height:24px}.text-button{font-size:11px}.planner{padding:18px 7% 30px}.planner-head{display:block;text-align:center;margin-bottom:26px}.planner h1{font-size:36px}.planner-head p{text-align:center;margin:13px auto 0;max-width:290px;font-size:11px}.plan-grid{display:flex;flex-direction:column;gap:12px}.field-group{padding:21px 0}.field-title,legend{font-size:20px;margin-bottom:15px}.number{font-size:9px}.date-fields{gap:10px}.input-label{font-size:9px}.input-label input,.input-label select{font-size:12px;padding:11px 9px}.options{gap:8px}.option-face{font-size:10px;height:99px}.activity-options{gap:7px}.activity .option-face{font-size:10px;padding:12px 13px}.plan-aside{position:relative;top:0;width:100%;border-radius:9px;padding:22px 23px}.plan-aside .bouquet{display:none}.plan-aside h2{font-size:24px}.live-details{margin-bottom:15px}.aside-note{font-size:13px;margin-top:12px}.plan-aside .primary{font-size:12px}.summary{display:flex;flex-direction:column;gap:25px;padding:24px 8% 32px;min-height:0}.summary-copy{text-align:center;width:100%}.summary h1{font-size:43px}.summary .eyebrow{margin-bottom:15px}.summary .description{font-size:12px;max-width:300px}.summary-decoration{display:none}.ticket{order:2;width:100%;max-width:330px;padding:26px 25px 21px;transform:rotate(1.5deg);margin:0 auto 10px;border-radius:130px 130px 8px 8px}.ticket .bouquet{width:150px;margin:-10px auto -30px}.ticket h2{font-size:28px}.ticket-date{font-size:21px;margin-top:18px}.ticket-time{margin-bottom:17px}.ticket-bottom{padding-top:15px}.summary-actions{justify-content:center;margin-top:22px;gap:16px}.summary .micro-note{margin:12px auto 0}.replay{margin-top:12px}#toast{bottom:18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening .bouquet-button{opacity:0}#petals{display:none}}
