@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#08070b;--panel:#111018;--panel2:#17151e;--text:#f4f2f8;--muted:#aaa5b7;--purple:#9b5cff;--purple2:#6d32d9;--border:#282431}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#24133b 0,#0d0b12 38%,var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.navbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--border);background:#09080dcc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:.08em}.brand span{color:var(--purple)}nav{display:flex;gap:22px;color:var(--muted);font-size:14px}nav a:hover,nav .active{color:#fff}
main{max-width:1100px;margin:auto;padding:80px 22px}.hero{text-align:center;padding:50px 0 80px}.badge{display:inline-block;border:1px solid #4d3470;background:#1c1329;color:#cdafff;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em}.hero h1,.page h1{font-size:clamp(38px,7vw,72px);line-height:1.02;margin:22px 0 16px;letter-spacing:-.04em}.hero h1 span{color:var(--purple)}.lead{color:var(--muted);font-size:17px;line-height:1.7;max-width:680px;margin:0 auto}
.ip-card{margin:32px auto 20px;max-width:600px;padding:16px 18px;border:1px solid var(--border);background:linear-gradient(135deg,#17131f,#0e0d13);border-radius:16px;display:flex;align-items:center;justify-content:space-between;text-align:left}.ip-card small{display:block;color:#817b8d;font-size:10px;letter-spacing:.14em;margin-bottom:5px}.ip-card strong{font-family:monospace;font-size:17px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--border);padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}.primary{background:var(--purple2);border-color:#8950e9;color:white}.primary:hover{background:#8241df}.secondary{background:#15131b}.grid{display:grid;gap:16px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:16px;padding:24px}.card h2{margin-top:0}.card p{color:var(--muted);line-height:1.7}.icon{font-size:26px;color:#b276ff;margin-bottom:16px}.page{max-width:820px;margin:auto}.page .lead{margin:0 0 30px}.page h1{font-size:clamp(38px,6vw,60px)}.faq-list{display:grid;gap:10px}details{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);line-height:1.7;margin-bottom:0}.mono{font-family:monospace;color:#c99cff!important}footer{border-top:1px solid var(--border);padding:25px 7%;display:flex;justify-content:space-between;color:#777181;font-size:12px}footer a:hover{color:#fff}
@media(max-width:700px){.navbar{padding:0 18px}nav{gap:12px;font-size:12px}.three,.two{grid-template-columns:1fr}.hero{padding-top:30px}.ip-card{align-items:stretch;gap:12px;flex-direction:column}.ip-card .btn{width:100%}main{padding:55px 16px}.brand{font-size:14px}}