*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f1424;color:#eef1f7}
main{max-width:440px;margin:0 auto;padding:24px 16px 120px;display:grid;gap:16px}
h1{font-size:24px;margin:0}
.big{font-size:30px;font-weight:700;text-align:center;margin:8px 0}
.tag{font-size:13px;color:#9aa6c4}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opts button{padding:18px;font-size:20px;font-weight:700;border-radius:12px;border:2px solid #34405f;background:#1a2138;color:#fff}
.opts button.sel{border-color:#f5b83d;background:#2b2a22}
label{display:grid;gap:6px;font-size:14px;color:#9aa6c4}
input{padding:14px;font-size:16px;border-radius:10px;border:1px solid #34405f;background:#1a2138;color:#fff}
.bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0f1424}
.cta{width:100%;max-width:440px;display:block;margin:0 auto;padding:16px;font-size:17px;font-weight:700;border:0;border-radius:12px;background:#f5b83d;color:#1a1300}
.msg{color:#f5b83d;min-height:1em}
.note{color:#9aa6c4;font-size:13px}
.ok{color:#3ddc84}.bad{color:#ff6b6b}