@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f7ff;background:#0a1020;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 45% at 50% -30%,#17294b 0%,transparent 100%),#0a1020}.wrap{width:min(1140px,calc(100% - 48px));margin:auto;position:relative;z-index:1}.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.glow1{width:430px;height:430px;background:#4d39a03b;top:90px;right:-220px}.glow2{width:400px;height:400px;background:#076d8030;top:300px;left:-280px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{display:flex;gap:13px;align-items:center;letter-spacing:2px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800}.brand b{color:#9ca9c3}.mark{font-size:24px;letter-spacing:-2px;color:#fff;background:linear-gradient(135deg,#5459de,#3db4c5);width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.mark span{color:#a5f3fc}.header-label,.tiny,.category{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#8794b1}.header-label{display:flex;align-items:center;gap:10px}.dot{background:#43d9b4;height:7px;width:7px;border-radius:50%;box-shadow:0 0 14px #3affb8}.hero{text-align:center;padding:94px 0 82px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #7779cd55;background:#3d348a24;border-radius:30px;padding:10px 15px;color:#aea9f9;font-size:11px;font-weight:800;letter-spacing:1.6px}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(42px,6.7vw,82px)/1.1 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#8793ff,#75e6e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#99a6bf;font-size:16px;line-height:1.85;max-width:640px;margin:0 auto 30px}.actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.actions a{display:inline-flex;align-items:center;gap:12px;padding:16px 21px;border-radius:12px;font-size:13px;font-weight:800}.primary{background:#f0f4ff;color:#18223d}.secondary{border:1px solid #34405b;color:#e0e6f3}.panel{border:1px solid #27324b;background:#11192cba;border-radius:22px;padding:30px;margin-bottom:46px;box-shadow:0 24px 70px #0002}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.panel-top h2{font:800 25px Manrope;margin:9px 0 0;letter-spacing:-.8px}.api{font-size:12px;color:#efc2ad;background:#d65d4820;border:1px solid #d65d4840;padding:10px 12px;border-radius:9px;display:flex;gap:8px;align-items:center}.api.active{color:#7ee4bd;background:#164c4026;border-color:#246e5f70}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#172037;border:1px solid #29354d;border-radius:15px;padding:23px;min-height:245px}.card-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:12px;margin-bottom:21px}.violet{background:#7771db21;color:#a7a0ff}.blue{background:#389ada22;color:#65b5ee}.mint{background:#27c9af1f;color:#53d8c5}.card .category{letter-spacing:1px}.card h3{font:800 24px Manrope;margin:7px 0}.card p{font-size:13px;line-height:1.65;color:#99a9c2;min-height:43px}.card-footer{display:flex;align-items:center;gap:8px;color:#879ab7;font-size:11px;padding-top:14px;border-top:1px solid #ffffff12}.banner{margin-top:18px;display:flex;align-items:center;gap:15px;padding:19px;background:#18263b;border:1px solid #344561;border-radius:12px}.banner-icon{background:#31534f;color:#67e0c5;padding:12px;border-radius:10px;display:grid;place-items:center}.banner div:nth-child(2){display:flex;flex-direction:column;gap:5px}.banner b{font-size:13px}.banner span{color:#90a1be;font-size:12px}.banner-code{margin-left:auto;color:#5f7899;flex-shrink:0}.footer{border-top:1px solid #ffffff18;padding:25px 0 38px;display:flex;justify-content:space-between;gap:15px;color:#8190aa;font-size:12px}@media(max-width:700px){.wrap{width:min(100% - 30px,1140px)}.header{height:77px}.header-label{font-size:9px}.hero{padding:68px 0}.hero h1{letter-spacing:-2px}.hero p{font-size:14px}.panel{padding:19px}.panel-top{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.card{min-height:auto}.card p{min-height:0}.footer{flex-direction:column}.banner-code{display:none}}