@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
:root{--bg:#0b0f14;--card:#151a21;--fg:#f3f5f8;--mut:#9aa3ae;--pri:#c4f24a;--prif:#14200a;--bd:rgba(255,255,255,.1);--err:#ff6b5b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}.w{max-width:1100px;margin:auto;padding:0 20px}
h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}.logo{font-size:26px;font-weight:700}.logo b,.p{color:var(--pri)}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.pill{border:1px solid var(--bd);border-radius:99px;padding:8px 16px;color:var(--mut);font-size:14px}
.hero{padding:60px 0 80px;position:relative}.hero:before{content:"";position:absolute;right:0;top:-20px;width:300px;height:300px;background:rgba(196,242,74,.18);filter:blur(80px);border-radius:50%;z-index:-1}
.tag{display:inline-block;background:var(--card);color:var(--pri);border-radius:99px;padding:5px 12px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
h1{font-size:clamp(44px,8vw,80px);line-height:1.02;margin:20px 0}.lead{color:var(--mut);font-size:18px;max-width:560px;line-height:1.6}
.btn{display:inline-flex;gap:8px;align-items:center;background:var(--pri);color:var(--prif);font-weight:700;border-radius:99px;padding:16px 28px;box-shadow:0 10px 40px -10px rgba(196,242,74,.6);border:0;font-size:16px;cursor:pointer}
.btn2{display:inline-block;border:1px solid var(--bd);border-radius:99px;padding:16px 28px;margin-left:8px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:36px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:24px}.card p{color:var(--mut);font-size:14px;line-height:1.5}
.ico{font-size:28px}section{padding:50px 0}.n{font-size:48px;font-weight:700;color:var(--pri);font-family:'Space Grotesk'}
footer{border-top:1px solid var(--bd);padding:30px;text-align:center;color:var(--mut);font-size:14px}
input{width:100%;padding:14px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);font-size:16px;margin:20px 0}
.tabs{display:flex;background:var(--card);border-radius:99px;padding:4px;gap:4px}.tabs button{flex:1;border:0;background:none;color:var(--mut);padding:10px;border-radius:99px;font-size:14px;cursor:pointer}.tabs button.on{background:var(--pri);color:var(--prif)}
pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);padding:12px;border-radius:12px;font-size:12px}.mono{font-family:monospace;color:var(--mut);font-size:12px}.err{color:var(--err)}.del{float:right;background:none;border:0;color:var(--mut);cursor:pointer}