@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Cormorant+Garamond:wght@400;600;700&display=swap";:root{--paper: #e6e6fa;--paper-strong: #d1c4e9;--ink: #2d225a;--ink-soft: #6a5acd;--rose: #6a5acd;--rose-dark: #4b3ca7;--sage: #7b8edc;--gold: #a084e8;--line: rgba(106, 90, 205, .24);--shadow: 0 18px 45px rgba(106, 90, 205, .15)}.page-shell{min-height:100vh;padding:32px 16px;background:radial-gradient(circle at 10% 15%,rgba(120,144,255,.45),transparent 40%),radial-gradient(circle at 90% 20%,rgba(186,104,200,.35),transparent 38%),radial-gradient(circle at 50% 100%,rgba(103,58,183,.25),transparent 42%),linear-gradient(135deg,#e3e0f7,#d1c4e9 40%,#b39ddb);color:var(--ink);position:relative;overflow:hidden}.frame{width:min(980px,100%);margin:0 auto;background:color-mix(in srgb,var(--paper) 88%,white 12%);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:30px;position:relative;z-index:3}.hero-head h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,5.8vw,4rem);line-height:1}.hero-head p{margin:8px 0 0;color:var(--ink-soft);max-width:58ch}.eyebrow{margin:0;font-family:Caveat,cursive;font-size:clamp(1.4rem,4vw,2rem);color:var(--rose-dark)}.stage-indicator{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.stage-indicator span{padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);font-size:.95rem}.stage-indicator .active{background:#b6515226;color:var(--rose-dark);border-color:#b6515266}.panel{margin-top:22px;padding:20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff8c,#ffffff2e)}.panel h2{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,4vw,2.5rem)}.panel h3{margin:0;font-family:Cormorant Garamond,serif;font-size:1.5rem}.panel p{color:var(--ink-soft)}.proof-form{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.proof-form label,.approval-card label{display:grid;gap:6px;font-weight:600;color:var(--ink)}.span-full{grid-column:1 / -1}input,textarea{width:100%;border-radius:12px;border:1px solid rgba(69,40,25,.25);padding:10px 12px;font:inherit;color:var(--ink);background:#ffffffbf}textarea{min-height:84px;resize:vertical}button{border:0;border-radius:12px;font:inherit;font-weight:600;padding:10px 14px;cursor:pointer;transition:transform .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.03)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(130deg,var(--rose),var(--rose-dark));color:#f3eaff}.soft-button{background:linear-gradient(130deg,#b39ddb,#9575cd);color:#2d225a}.approval-card{margin-top:14px;padding:14px;border-radius:14px;border:1px dashed rgba(143,62,63,.5);background:#fff9f4bf;display:grid;gap:10px}.warning-text{color:#7e1c1d;margin:0}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.button-row{display:flex;gap:10px}.grid-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.image-column,.text-column{display:grid;gap:10px}.image-card,.text-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:#ffffffbf;padding:10px;display:grid;gap:7px}.image-card img{width:100%;border-radius:10px;border:1px solid rgba(70,41,27,.2)}.image-card span,.text-card span{color:var(--ink-soft);font-size:.92rem}.image-card.selected{outline:2px solid var(--gold)}.image-card.correct,.text-card.correct{background:#7890ff2e;border-color:#6a5acdb3}.letter-panel{text-align:center}.envelope{margin:18px auto 0;width:min(300px,90%);height:190px;position:relative;border-radius:14px;background:linear-gradient(165deg,#b39ddb,#7e57c2);border:1px solid rgba(106,90,205,.25);box-shadow:0 10px 30px #6a5acd2e;display:grid;place-items:center}.envelope:before,.envelope:after{content:"";position:absolute;width:0;height:0;border-style:solid}.envelope:before{border-width:0 150px 92px 150px;border-color:transparent transparent rgba(186,104,200,.18) transparent;bottom:0}.envelope:after{border-width:92px 150px 0 150px;border-color:rgba(120,144,255,.18) transparent transparent transparent;top:0}.envelope-flap{position:absolute;top:0;width:0;height:0;border-style:solid;border-width:98px 150px 0 150px;border-color:#6a5acd transparent transparent transparent;transform-origin:top;transition:transform .7s ease;z-index:2}.envelope.open .envelope-flap{transform:rotateX(180deg)}.envelope-seal{position:absolute;z-index:3;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dc6467,#a73033);color:#fff4ec;display:grid;place-items:center;font-family:Caveat,cursive;font-size:1.5rem;border:2px solid rgba(104,25,27,.3)}.letter-paper{margin:18px auto 0;width:min(620px,100%);background:repeating-linear-gradient(to bottom,#fff9f1,#fff9f1 29px,#f5e7d8 30px);border-radius:12px;border:1px solid rgba(76,42,26,.22);text-align:left;padding:24px;animation:rise .7s ease}.letter-date{color:var(--ink-soft);margin-top:0}.letter-signoff{font-family:Caveat,cursive;font-size:1.8rem;margin-bottom:0;color:var(--rose-dark)}.footer-row{margin-top:16px;display:flex;justify-content:flex-end}.floating-shape{position:absolute;width:280px;aspect-ratio:1;border-radius:45% 55% 65% 35%;filter:blur(10px);opacity:.55;z-index:1}.floating-shape-left{left:-80px;top:15%;background:linear-gradient(135deg,#b651526b,#d8a34940)}.floating-shape-right{right:-90px;bottom:12%;background:linear-gradient(130deg,#93b2a066,#b6515233)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(0,0,0,.35) .6px,transparent .6px);background-size:4px 4px;z-index:2}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 900px){.frame{padding:20px}.grid-layout,.proof-form{grid-template-columns:1fr}.footer-row{justify-content:center}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Cormorant Garamond,serif}