:root{--paper:#fbf3ea;--paper-2:#f5e5d2;--paper-3:#eed5bc;--cream:#fcf6ec;--ink:#3c281c;--ink-soft:#5a3e2d;--muted:#a07860;--faint:#cba98e;--red:#b4383c;--red-dark:#832829;--red-wax:#a83033;--gold:#c39636;--paper-line:#3c281c1a;--paper-line-2:#3c281c29;--shadow-sm:0 2px 8px #3c281c14;--shadow:0 8px 24px #3c281c1a;--shadow-lg:0 20px 60px #3c281c24;--serif:"Playfair Display", Georgia, serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--hand:"Caveat", "Brush Script MT", cursive;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 85% 5%, #b4383c0f 0%, transparent 45%), radial-gradient(circle at 10% 95%, #c396360f 0%, transparent 45%), linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 55%, var(--paper-3) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga";background-attachment:fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:1;background-image:radial-gradient(circle at 18% 22%,#3c281c06 .6px,#0000 1.2px),radial-gradient(circle at 68% 45%,#3c281c05 .5px,#0000 1px),radial-gradient(circle at 42% 78%,#3c281c06 .6px,#0000 1.1px),radial-gradient(circle at 88% 88%,#3c281c05 .5px,#0000 1px);background-size:140px 140px,170px 170px,200px 200px,230px 230px;position:fixed;inset:0}#root{z-index:2;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.serif{font-family:var(--serif)}.serif-italic{font-family:var(--serif);font-style:italic}.display{font-family:var(--serif);letter-spacing:-.015em;font-weight:900}.display-italic{font-family:var(--serif);letter-spacing:-.015em;font-style:italic;font-weight:900}.hand{font-family:var(--hand)}.kicker{font-family:var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.muted{color:var(--muted)}.ink{color:var(--ink)}.red{color:var(--red)}.app{flex-direction:column;min-height:100dvh;display:flex}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:40px 56px 100px}.btn{font-family:var(--sans);letter-spacing:1.5px;transition:transform .2s var(--ease), background .2s var(--ease), border .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:12px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.btn-primary:hover{background:#1f140d}.btn-red{background:var(--red);color:var(--paper);box-shadow:var(--shadow)}.btn-red:hover{background:var(--red-dark)}.btn-ghost{color:var(--ink);border:1px solid var(--paper-line-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff59}.btn-ghost:hover{border-color:var(--red);color:var(--red);background:#ffffffa6}.rule{background:var(--ink);opacity:.9;height:1px}.rule-soft{background:var(--paper-line);height:1px}.rule-red{background:var(--red);height:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .7s var(--ease) both}.d-1{animation-delay:50ms}.d-2{animation-delay:.15s}.d-3{animation-delay:.25s}.d-4{animation-delay:.35s}.d-5{animation-delay:.45s}.letter{background:var(--cream);border:1px solid var(--paper-line-2);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:10px;padding:22px 24px 70px;position:relative;overflow:hidden}.letter:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.letter:after{content:"";background:linear-gradient(135deg,#0000 50%,#a0786040 50%);width:22px;height:22px;position:absolute;top:0;right:0}.wax-seal{background:radial-gradient(circle at 35% 35%, var(--red), var(--red-dark));color:#ffdcd2e6;width:50px;height:50px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px 6px #00000040,inset 2px 2px 6px #ffffff26,0 2px 6px #6414144d}.wax-seal:after{content:"";pointer-events:none;border:1px solid #ffdcd259;border-radius:50%;position:absolute;inset:5px}.letter .opens-caption{text-align:center;font-family:var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding-top:56px;font-size:9px;font-weight:800;position:absolute;bottom:16px;left:24px;right:24px}.letter .label-top{font-family:var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:800}.letter .label-top:after{content:"";background:var(--red);width:26px;height:2px;margin-top:6px;display:block}.letter .hand-text{font-family:var(--hand);color:var(--ink);margin-top:8px;font-size:28px;font-weight:500;line-height:1.25}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap{gap:16px}.gap-lg{gap:24px}.between{justify-content:space-between}.center{justify-content:center;align-items:center}@media (width<=768px){.page{padding:28px 22px 80px}}