body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}



.hero{padding:56px 24px 44px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#120f0c 0%,var(--bg) 100%)}
.hero::before{content:'📧';position:absolute;right:-30px;top:-20px;font-size:240px;filter:grayscale(1);opacity:.03;pointer-events:none;line-height:1}
.hero-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);border:1.5px solid rgba(112,163,167,.3);border-radius:999px;padding:5px 14px;display:inline-block;margin-bottom:14px}
.hero-title{font-family:'Fredoka',cursive;font-size:clamp(2rem,7vw,3.2rem);font-weight:700;color:white;line-height:1.1;margin-bottom:10px}.hero-title span{color:var(--tan)}
.hero-sub{font-family:'Lora',serif;font-style:italic;font-size:1rem;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.6}

.options-section{padding:40px 24px 48px;max-width:1000px;margin:0 auto}
.options-label{text-align:center;margin-bottom:28px}
.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.option-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px 22px;transition:transform .2s,border-color .2s,box-shadow .2s;border-top:3px solid transparent}
.option-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.option-card:nth-child(1){border-top-color:var(--rose)}.option-card:nth-child(2){border-top-color:var(--tan)}.option-card:nth-child(3){border-top-color:var(--teal)}.option-card:nth-child(4){border-top-color:#9b6bff}
.option-emoji{font-size:2.2rem;margin-bottom:12px}
.option-title{font-family:'Fredoka',cursive;font-size:1.05rem;font-weight:700;color:white;margin-bottom:8px}
.option-desc{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:16px;flex:1}
.option-btn{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.82rem;padding:10px 16px;border-radius:10px;color:white;transition:filter .15s,transform .12s}
.option-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btn-rose{background:var(--rose);box-shadow:0 2px 0 var(--rose-dk)}.btn-tan{background:var(--tan);color:#1a1612;box-shadow:0 2px 0 var(--tan-dk)}.btn-teal{background:var(--teal);box-shadow:0 2px 0 var(--teal-dk)}.btn-purple{background:#9b6bff;box-shadow:0 2px 0 #6b45cc}

.form-section{padding:16px 24px 64px;max-width:700px;margin:0 auto;width:100%}
.form-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:36px 32px}
@media(max-width:600px){.form-card{padding:24px 20px}}
.form-title{font-family:'Fredoka',cursive;font-size:1.3rem;font-weight:700;color:white;margin-bottom:6px}
.form-sub{font-size:.88rem;color:var(--muted);margin-bottom:28px;line-height:1.6}
.form-group{margin-bottom:18px}
.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:.04em}
.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:11px;font-family:'Inter',sans-serif;font-size:.92rem;color:var(--text);background:var(--bg3);outline:none;transition:border-color .2s,box-shadow .2s}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(112,163,167,.18)}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(240,234,214,.3)}
.form-textarea{min-height:140px;resize:vertical}
.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23D2B48C' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-select option{background:var(--bg3);color:var(--text)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:500px){.form-row{grid-template-columns:1fr}}
.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--teal);color:white;font-weight:800;font-size:1rem;padding:14px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 3px 0 var(--teal-dk);transition:filter .15s,transform .12s;font-family:'Inter',sans-serif;margin-top:6px}
.submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.form-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:16px;line-height:1.5}.form-note a{color:var(--teal);text-decoration:underline}
/* Submit status. Only ever reports what actually happened. */
.form-status{display:none;font-size:.88rem;line-height:1.55;padding:13px 16px;border-radius:11px;text-align:center;margin-top:14px}
.form-status.show{display:block}
.form-status.pending{background:rgba(112,163,167,.14);border:1.5px solid rgba(112,163,167,.55);color:#cfe6e7}
.form-status.error{background:rgba(188,71,73,.14);border:1.5px solid rgba(188,71,73,.6);color:#f2c9c9}
.form-status.done{background:rgba(45,122,74,.16);border:1.5px solid rgba(76,175,110,.6);color:#c9e9d5}
.form-status a,.form-status button.linklike{color:inherit;font-weight:700;text-decoration:underline;background:none;border:none;padding:0;font:inherit;cursor:pointer}

footer{background:#120f0c;padding:32px 24px;text-align:center;border-top:1px solid rgba(240,234,214,.06);margin-top:auto}
.footer-brand{margin-bottom:14px}.footer-logo{font-family:'Fredoka',cursive;font-size:1.2rem;color:var(--text)}.footer-tagline{font-size:.72rem;color:var(--muted);margin-top:2px}
.footer-links,.footer-socials{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.footer-links a,.footer-socials a{font-size:.8rem;color:rgba(240,234,214,.35);transition:color .15s}.footer-links a:hover,.footer-socials a:hover{color:rgba(240,234,214,.7)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:50%;transform:translateX(-50%);top:8px;width:auto;height:auto;padding:10px 20px;background:#BC4749;color:white;font-weight:700;font-size:.9rem;border-radius:8px;z-index:9999;text-decoration:none;white-space:nowrap}