@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Manrope:wght@400;600&display=swap";:root{--bg-ink: #150e17;--bg-rose: #3e1d31;--paper: #fff7f6;--wine: #7d1f4d;--peach: #f7b4a8;--gold: #ffdc9a;--text: #2c1a22}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(70rem 45rem at 85% -5%,#7d1f4d55,transparent 70%),radial-gradient(55rem 35rem at 10% 10%,#f7b4a833,transparent 70%),linear-gradient(160deg,var(--bg-ink) 0%,var(--bg-rose) 70%,#612444 100%)}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:2rem 1rem 3rem;display:grid;gap:1rem;align-content:start}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:3px 3px;z-index:0}.orb{position:fixed;border-radius:999px;filter:blur(60px);pointer-events:none;z-index:0}.orb-one{width:260px;height:260px;background:#f7b4a84a;top:-60px;left:-40px}.orb-two{width:300px;height:300px;background:#ffdc9a42;right:-90px;bottom:-80px}.card{position:relative;z-index:2;width:min(760px,100%);margin:0 auto;border-radius:24px;padding:1.25rem;background:linear-gradient(170deg,#fff9f8,#ffeceb);border:1px solid #ffffff88;box-shadow:0 24px 60px #0e071866}.hero h1,.section-head h2,.final-question h2,.yes-screen h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:700;line-height:1.05;letter-spacing:.01em}.hero h1{font-size:clamp(2rem,7.5vw,4rem);color:var(--wine)}.kicker{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#8f4d66}.subtitle{margin:.75rem 0 1.2rem;max-width:52ch}.primary,.ghost,.no-btn{border:0;font:inherit;border-radius:999px;cursor:pointer}.primary{padding:.7rem 1.25rem;color:#fff;background:linear-gradient(135deg,#911f53,#bd305d 60%,#e8506f);box-shadow:0 10px 24px #8a1a4a55}.ghost{padding:.55rem .95rem;color:#7d1f4d;background:#ffffffd6;border:1px solid #e6bfcb}.letter{margin-top:1rem;padding:1rem;border-radius:16px;background:#fff;border-left:4px solid var(--peach);animation:reveal .5s ease}.letter p{margin:0 0 .7rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reason-copy{margin:.9rem 0 0;font-size:clamp(1.1rem,2.8vw,1.5rem);font-family:Cormorant Garamond,serif;color:#672547}.question-zone{position:relative;margin-top:1rem;min-height:170px;border-radius:16px;background:linear-gradient(145deg,#fff,#ffe9e5);border:1px dashed #d996a8;display:grid;place-items:center}.no-btn{position:absolute;transform:translate(-50%,-50%);padding:.6rem 1.1rem;color:#7d1f4d;background:#fff;border:1px solid #e7bcc9;transition:left .22s ease,top .22s ease}.yes-screen{text-align:center;animation:reveal .55s ease}.yes-screen p{margin:.75rem 0 0;font-size:1.05rem}.petal-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.petal{position:absolute;top:-8%;width:14px;height:14px;background:linear-gradient(145deg,#ffd5ce,#f4a2a9);border-radius:12px 12px 2px;transform:rotate(25deg);opacity:.65;animation-name:drift;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes drift{0%{transform:translateY(-10%) rotate(20deg)}to{transform:translateY(115vh) rotate(380deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.page-shell{padding-top:3rem;gap:1.25rem}.card{padding:1.6rem}}