:root{--bg:#0d1117;--card:#161b22;--fg:#e6edf3;--mut:#9da7b3;--acc:#14f195;--acc2:#9945ff;--line:#30363d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:24px}
header h1{margin:24px 0 4px;font-size:2.2rem;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;color:transparent}
.lead{color:var(--mut);max-width:680px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.card h2{margin:0}.price{font-size:1.5rem;font-weight:700;color:var(--acc);margin:6px 0}
.card ul{padding-left:18px;color:var(--mut);flex:1}
button{background:linear-gradient(90deg,var(--acc2),#6c5ce7);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:600;font-size:1rem;cursor:pointer}
button:hover{filter:brightness(1.1)}button.secondary{background:#30363d}
.faq{margin-top:36px;color:var(--mut)}.faq h2{color:var(--fg)}.note{font-size:.9rem;border-left:3px solid var(--acc2);padding-left:10px}
a{color:var(--acc)}footer{color:var(--mut)}
.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:12px}
.modal[hidden]{display:none}
.sheet{background:var(--card);border:1px solid var(--line);border-radius:16px;max-width:440px;width:100%;padding:20px;position:relative;max-height:96vh;overflow:auto}
.close{position:absolute;right:10px;top:8px;background:none;font-size:1.6rem;padding:4px 10px}
.qr{background:#fff;border-radius:12px;padding:10px;width:240px;margin:8px auto;display:block}.qr svg{width:100%;height:auto;display:block}
.row{display:flex;gap:8px;align-items:center;margin:6px 0}.row code{flex:1;word-break:break-all;background:#0d1117;padding:6px 8px;border-radius:6px;font-size:.85rem}
.status{margin:12px 0;padding:10px;border-radius:8px;background:#0d1117}.status.ok{border:1px solid var(--acc);color:var(--acc)}
input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0d1117;color:var(--fg)}
details{margin-top:10px;color:var(--mut)}.big{font-size:1.3rem;font-weight:700;color:var(--fg)}
.btns{display:flex;gap:8px;flex-wrap:wrap}.btns>*{flex:1;text-align:center;text-decoration:none}
a.button{display:inline-block;background:linear-gradient(90deg,var(--acc),#0fbf75);color:#04120b;border-radius:10px;padding:12px 16px;font-weight:700}
.support{display:grid;gap:10px;max-width:560px}.support label{display:grid;gap:4px;color:var(--mut)}
textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0d1117;color:var(--fg);font:inherit}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
code{background:#0d1117;padding:1px 5px;border-radius:4px}