:root {
  --ink:#191915;
  --muted:#727168;
  --paper:#f4f1ea;
  --card:#fffdf8;
  --line:rgba(25,25,21,.13);
  --coral:#ff6b4a;
  --yellow:#f3d778;
  --shadow:0 30px 80px rgba(57,46,34,.13),0 3px 12px rgba(57,46,34,.07);
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
* { box-sizing:border-box; }
html { min-height:100%; background:var(--paper); }
body { min-height:100vh; margin:0; overflow-x:hidden; color:var(--ink); font-family:var(--sans); }
button { font:inherit; }
button:focus-visible,a:focus-visible { outline:3px solid rgba(255,107,74,.28); outline-offset:3px; }
.ambient { position:fixed; z-index:-1; border-radius:50%; pointer-events:none; opacity:.55; }
.ambient-one { width:440px; height:440px; left:-170px; top:22%; background:radial-gradient(circle,rgba(201,185,239,.55),transparent 68%); }
.ambient-two { width:480px; height:480px; right:-190px; bottom:-130px; background:radial-gradient(circle,rgba(185,230,207,.65),transparent 68%); }
.topbar { height:86px; padding:0 clamp(20px,5vw,76px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(25,25,21,.06); }
.brand { display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-size:25px; font-weight:780; letter-spacing:-.06em; }
.brand-mark { width:29px; height:29px; display:block; position:relative; transform:rotate(-8deg); }
.brand-mark i { display:block; width:18px; height:24px; border:5px solid var(--coral); border-radius:50% 50% 45% 45%; position:absolute; }
.brand-mark i:first-child { left:0; top:0; transform:rotate(-22deg); }
.brand-mark i:last-child { right:0; bottom:0; transform:rotate(24deg); border-color:var(--ink); }
.back-link { color:var(--muted); font-size:11px; font-weight:750; text-underline-offset:4px; }
.header-actions { display:flex; align-items:center; gap:12px; }.theme-button { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:rgba(255,253,248,.72); color:var(--ink); font-size:16px; cursor:pointer; }.theme-button:hover { background:#fff4d6; }
main { min-height:calc(100vh - 86px); display:grid; place-items:center; padding:42px 18px 64px; }
.support-card { width:min(100%,590px); padding:clamp(25px,5vw,45px); border:1px solid rgba(255,255,255,.9); border-radius:28px; background:rgba(255,253,248,.9); box-shadow:var(--shadow); backdrop-filter:blur(14px); }
.gift-mark { width:58px; height:58px; display:grid; place-items:center; margin-bottom:20px; border-radius:18px; background:#fff0bd; font-size:28px; transform:rotate(-4deg); }
.eyebrow { color:#9b5d24; font-size:9px; font-weight:850; letter-spacing:.15em; }
h1 { margin:10px 0 17px; font:400 clamp(46px,10vw,66px)/.96 var(--serif); letter-spacing:-.055em; }
h1 em { color:var(--coral); font-weight:400; }
.support-card > p { color:var(--muted); font-size:14px; line-height:1.65; }
.support-note { margin:26px 0 12px; padding:15px 16px; overflow:hidden; border:1px solid #ead89c; border-radius:14px; background:#fff8dd; }
.support-note span,.support-note strong,.support-note small { display:block; }
.support-note span { color:#8c692c; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.support-note strong { margin-top:6px; overflow-wrap:anywhere; font-size:13px; }
.support-note small { margin-top:5px; color:#837657; font-size:9px; }
.support-note > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }.support-note button { flex:0 0 auto; border:1px solid #d4bd72; border-radius:20px; padding:6px 10px; background:#fffdf5; color:#6e5727; font-size:9px; font-weight:800; cursor:pointer; }.support-note button:hover { background:#fff3c8; }
.amazon-button { width:100%; min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 18px; border:0; border-radius:13px; background:var(--ink); color:white; text-decoration:none; cursor:pointer; box-shadow:0 10px 22px rgba(25,25,21,.16); transition:transform .2s,box-shadow .2s; }
.amazon-button:hover { transform:translateY(-1px); box-shadow:0 13px 27px rgba(25,25,21,.22); }
.amazon-button span { text-align:left; }
.amazon-button b,.amazon-button small { display:block; }
.amazon-button b { font-size:13px; }
.amazon-button small { margin-top:4px; color:#d7d4cc; font-size:9px; font-weight:500; }
.amazon-button i { font:normal 25px var(--serif); }
.status { min-height:17px; margin:8px 2px 0!important; color:#397a58!important; font-size:9px!important; }
.steps { margin:21px 0 0; padding:0; display:grid; gap:8px; list-style:none; counter-reset:steps; }
.steps li { counter-increment:steps; display:grid; grid-template-columns:29px 1fr; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:11px; background:#f7f3ec; }
.steps li::before { content:counter(steps); width:27px; height:27px; grid-row:span 2; display:grid; place-items:center; border-radius:50%; background:#ebe3fa; font-size:10px; font-weight:850; }
.steps b { font-size:10px; }
.steps span { color:var(--muted); font-size:9px; line-height:1.4; }
.safety { margin:20px 0 0!important; padding-top:17px; border-top:1px solid var(--line); font-size:9px!important; line-height:1.5!important; }
@media (max-width:560px) {
  .topbar { height:70px; padding:0 14px; }
  .brand { font-size:20px; }
  .brand-mark { transform:scale(.86) rotate(-8deg); }
  main { min-height:calc(100svh - 70px); padding:22px 12px 40px; }
  .support-card { border-radius:22px; }
  .back-link { font-size:10px; }
  .support-note > div { align-items:flex-start; flex-direction:column; }.support-note button { margin-top:3px; }
}
html[data-theme="dark"] { --ink:#f3efe6; --muted:#aaa79e; --paper:#11120f; --card:#1c1d19; --line:rgba(255,255,255,.13); --shadow:0 30px 80px rgba(0,0,0,.32); }html[data-theme="dark"] .topbar { border-bottom-color:rgba(255,255,255,.08); }html[data-theme="dark"] .brand-mark i:last-child { border-color:var(--ink); }html[data-theme="dark"] .support-card { border-color:rgba(255,255,255,.08); background:rgba(28,29,25,.94); }html[data-theme="dark"] .support-note { border-color:#6f602c; background:#38321d; }html[data-theme="dark"] .support-note span,html[data-theme="dark"] .support-note small { color:#cbbd8d; }html[data-theme="dark"] .support-note button { border-color:#76652e; background:#252318; color:#ead990; }html[data-theme="dark"] .steps li { background:#272823; }html[data-theme="dark"] .amazon-button { background:#f3efe6; color:#171814; }html[data-theme="dark"] .amazon-button small { color:#66645e; }html[data-theme="dark"] .theme-button { background:#272823; }html[data-theme="dark"] .theme-button:hover { background:#38321d; }
@media (prefers-reduced-motion:reduce) { * { transition:none!important; } }