@font-face{font-family:"TradeWindsCustom";src:url("/assets/trade-winds.ttf") format("truetype");font-display:swap}
:root{--bg:#07060d;--card-border:rgba(244,207,134,.22);--muted:#d7cee8}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;font-family:Inter,system-ui,sans-serif;color:#f6f2ff;background:radial-gradient(900px 520px at 85% -20%, rgba(181,139,255,.24), transparent 62%),radial-gradient(720px 430px at 5% 8%, rgba(110,242,255,.16), transparent 58%),radial-gradient(700px 420px at 50% 115%, rgba(244,207,134,.10), transparent 70%),#07060d;background-repeat:no-repeat;background-size:cover}
.wrap{max-width:920px;margin:5vh auto;padding:18px}
.card{background:linear-gradient(160deg, rgba(24,12,22,.92), rgba(12,10,24,.9));border:1px solid var(--card-border);border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.52),0 0 0 1px rgba(171,46,95,.12) inset}
h1{margin:0 0 12px;font-family:"TradeWindsCustom","Palatino Linotype","Book Antiqua",Palatino,serif;color:#fff4e6;text-shadow:0 10px 32px rgba(0,0,0,.48),0 2px 18px rgba(244,207,134,.2),0 2px 16px rgba(171,46,95,.18)}
h2{margin:20px 0 8px;color:#f1d7a5;font-size:18px}
p,li{color:var(--muted);line-height:1.6}
a{color:#d7c9ff}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;transition:transform .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg,#2a1622,#4b1f38,#2a1622);color:#fff7ef;border:1px solid rgba(244,207,134,.45)}
.btn-ghost{border:1px solid rgba(244,207,134,.28);color:#f3e8ff;background:linear-gradient(90deg,rgba(42,22,34,.75),rgba(75,31,56,.55),rgba(42,22,34,.75))}
#state{margin-top:12px;color:#f4cf86}
footer{margin-top:18px;color:#9c93b5;font-size:12px;line-height:1.5}
.btn-home{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;border:1px solid rgba(244,207,134,.34);background:linear-gradient(90deg,rgba(42,22,34,.76),rgba(75,31,56,.58),rgba(42,22,34,.76));color:#f6f2ff;text-decoration:none}
.footer-links{white-space:nowrap;display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.footer-links::-webkit-scrollbar{display:none}
@media (max-width:760px){.wrap{padding:14px;margin:3vh auto}.card{padding:18px;border-radius:18px}h1{font-size:23px;line-height:1.12;overflow-wrap:anywhere;word-break:break-word}h2{font-size:17px}.actions{display:grid;gap:8px}.btn{width:100%;justify-content:center}.footer-links{font-size:12px}}