*{box-sizing:border-box}html,body{margin:0;background:#0c0b09;color:#f3efe6;font-family:Outfit,system-ui,sans-serif}
body{padding:28px 18px calc(40px + env(safe-area-inset-bottom))}
.wrap{max-width:640px;margin:0 auto}
.mark{letter-spacing:.22em;text-transform:uppercase;color:#e8c76a;font:700 .72rem/1 Outfit,sans-serif}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,7vw,2.8rem);line-height:1.08;font-weight:600;margin:14px 0 12px}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;margin:28px 0 10px}
.lead{color:rgba(243,239,230,.72);font-size:1.05rem;line-height:1.5;max-width:36rem}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
a.btn,button.btn{min-height:44px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;touch-action:manipulation;border:0;cursor:pointer;font-family:inherit;font-size:1rem}
a.gold,button.gold{background:#e8c76a;color:#0c0b09}
a.ghost{border:1px solid rgba(232,199,106,.4);color:#e8c76a;background:transparent}
ul{padding-left:1.1rem;color:rgba(243,239,230,.8);line-height:1.7}
.note{font-size:.88rem;color:rgba(243,239,230,.55);margin-top:22px}
form{margin-top:8px;display:grid;gap:12px}
label{font-size:.82rem;color:rgba(243,239,230,.7)}
input,select{width:100%;min-height:44px;padding:10px 12px;border-radius:8px;border:1px solid rgba(232,199,106,.28);background:#161410;color:#f3efe6;font:500 16px/1.4 Outfit,sans-serif}
.cons{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:rgba(243,239,230,.72)}
.cons input{width:20px;min-height:20px;margin-top:3px}
#msg{min-height:1.4em;font-size:.92rem;color:#e8c76a}
ol.rank{padding-left:1.2rem;color:rgba(243,239,230,.85);line-height:1.65}
ol.rank li{margin:10px 0}
.card{border:1px solid rgba(232,199,106,.22);border-radius:12px;padding:14px 16px;margin:12px 0}