:root{--card:#FFFDF7;--ink:#0F2621;--line:#E2DCCB;--muted:#5B6B63;--paper:#F5F2E9;--signal:#17B981;--soft:#E7F6EF}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.65}
.wrap{max-width:920px;margin:0 auto;padding:28px 18px 80px}
.langbar{display:flex;gap:8px;justify-content:center;margin:0 0 20px}
.langbar button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 15px;font:inherit;font-size:.85rem;cursor:pointer}
.langbar button.on{background:var(--signal);color:#08120F;border-color:var(--signal);font-weight:700}
h1{font-size:1.9rem;margin:0 0 8px;text-align:center;letter-spacing:-.5px}
.sub{color:var(--muted);font-size:1rem;margin:0 auto 30px;text-align:center;max-width:620px}
h2{font-size:1.2rem;margin:34px 0 10px}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.tier{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}
.tier.best{border-color:var(--signal);box-shadow:0 0 0 2px rgba(23,185,129,.16)}
.tier .nm{font-weight:700;font-size:1.05rem}
.tier .pc{font-size:2rem;font-weight:700;letter-spacing:-1px;margin:6px 0 2px}
.tier .pc span{font-size:.9rem;font-weight:500;color:var(--muted);letter-spacing:0}
.tier .fee{font-size:.85rem;color:var(--muted);margin-bottom:12px}
.tier ul{margin:0 0 16px;padding-left:18px}
.tier li{font-size:.88rem;margin:5px 0}
.tier button{margin-top:auto;background:var(--signal);color:#08120F;border:none;border-radius:11px;padding:11px;font:inherit;font-weight:700;cursor:pointer}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:16px}
label{display:block;font-size:.88rem;font-weight:600;margin:14px 0 6px}
.hint{font-weight:400;color:var(--muted);font-size:.82rem}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:.95rem}
textarea{resize:vertical;min-height:110px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:620px){.two{grid-template-columns:1fr}}
.check{display:flex;gap:9px;align-items:flex-start;margin-top:16px;font-size:.87rem}
.check input{width:auto;margin-top:3px}
button.go{width:100%;margin-top:18px;background:var(--signal);color:#08120F;border:none;border-radius:11px;padding:13px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
button.go:disabled{opacity:.45;cursor:not-allowed}
.msg{margin-top:12px;font-size:.9rem;display:none;padding:11px 13px;border-radius:10px}
.msg.bad{display:block;background:#FDECEC;border:1px solid #F3C0C0;color:#8A2B2B}
.msg.good{display:block;background:var(--soft);border:1px solid #9BD9BF}
.tokenbox{background:#0e1210;color:#eef2f0;border-radius:11px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:.9rem;word-break:break-all;margin-top:10px}
.steps{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.steps ol{margin:0;padding-left:20px}
.steps li{margin:7px 0;font-size:.92rem}
.faq b{display:block;margin-top:14px;font-size:.93rem}
.faq p{margin:4px 0;font-size:.9rem;color:var(--muted)}
footer{border-top:1px solid var(--line);margin-top:44px;padding-top:18px;color:var(--muted);font-size:.84rem;text-align:center}
footer a{color:var(--signal)}
[hidden]{display:none}