@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#060918;--panel:#10182c;--line:#293657;--muted:#9eafd0;--green:#46f5b4;--blue:#5c8eff;--violet:#ab75ff;--aqua:#25d9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 75% 25% at 80% 0%,#19225a 0,transparent 100%),radial-gradient(ellipse 60% 28% at 0 22%,#112a40 0,transparent 100%),#060918;color:#f0f5ff;font-family:Inter,system-ui,Arial;line-height:1.65;min-height:100vh}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#6faaff0c 1px,transparent 1px),linear-gradient(90deg,#6faaff0c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 90%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(5%,calc((100vw - 1220px)/2));border-bottom:1px solid #5368bb3d;background:#08101fdc;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{font-size:18px;font-weight:900;white-space:nowrap;letter-spacing:.2px}.brand span:not(.logo){color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-left:40px;color:#8da5ca}.logo{color:var(--green);font-size:28px;margin-right:8px;filter:drop-shadow(0 0 12px #46f5b488)}.top nav{display:flex;gap:24px;font-size:13px;color:#afc4e4;align-items:center}.top nav a:hover{color:var(--green)}.wrap{width:min(1220px,91%);margin:auto}.hero{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:45px;padding:93px 0 80px}.eyebrow,.tag{display:inline-block;background:#10302d;color:#62fac5;border:1px solid #24766a;padding:7px 14px;border-radius:40px;font-size:11px;font-weight:800;letter-spacing:1.2px}.tag{background:#212148;color:#b3a0ff;border-color:#52499b}h1{font-size:clamp(41px,4.8vw,70px);line-height:1.08;letter-spacing:-2.8px;margin:25px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#51f0b4,#48cbff,#aa7dff);color:transparent;background-clip:text}h2{font-size:clamp(27px,3.1vw,43px);line-height:1.2;letter-spacing:-1.5px}h3{line-height:1.25}p{color:#aabbd6}.lead{font-size:18px;max-width:680px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(110deg,#43f1b6,#27d4d5);box-shadow:0 8px 28px #35ddc636;color:#051b21;padding:14px 24px;border:0;border-radius:12px;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px #35ddc658}.btn.secondary{background:#14213d;border:1px solid #4267ac;color:#d7e6ff;box-shadow:none}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px;color:#a7e9df;font-size:13px}.strip span{padding:6px 9px;border:1px solid #28536b;border-radius:8px;background:#0c2030}.preview,.terminal{background:#0d1428;border:1px solid #3e5285;border-radius:19px;box-shadow:0 28px 80px #0008,0 0 60px #4666ff19;overflow:hidden}.previewbar{background:#171e39;border-bottom:1px solid #33486c;padding:13px 17px;color:#9cb5df;font-size:12px;font-family:'JetBrains Mono',monospace}.fake{display:flex;min-height:324px;font:12px/2 'JetBrains Mono',monospace}.files{width:38%;border-right:1px solid #34415b;padding:18px;color:#aabfda}.code{padding:19px;color:#8fc8f0;white-space:normal;overflow:hidden}.code b{color:#c393ff}.code i{color:#72f6b1;font-style:normal}.statusline{display:flex;justify-content:space-between;gap:10px;background:#102340;padding:10px 17px;color:#7ce1c8;font:11px 'JetBrains Mono',monospace;border-top:1px solid #33476c}.section{padding:72px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.card,.pricing,.formbox{background:linear-gradient(145deg,#15203aeb,#0d1428ef);border:1px solid #2a3f67;border-radius:20px;padding:29px;box-shadow:0 12px 40px #0002}.card{transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#547ac4}.card strong{font-size:19px}.card .icon{display:inline-flex;padding:10px 12px;background:#22385e;color:#61f2c4;border-radius:13px;font-weight:900;font-family:'JetBrains Mono',monospace}.card p{font-size:14px}.tech-ribbon{display:flex;gap:10px;flex-wrap:wrap;padding:19px 0;margin:9px 0 0}.tech-ribbon span{font:12px 'JetBrains Mono',monospace;border:1px solid #344b7c;background:#111e3d;border-radius:9px;padding:10px 13px;color:#c8dbff}.tech-ribbon b{color:#67f0c3}.pricing{max-width:535px;margin:40px auto 0;text-align:center;border-color:#367f82;box-shadow:0 0 80px #1cbbad12}.price{font-size:52px;color:#fff;letter-spacing:-2px;font-weight:900;margin:10px 0}.price small{font-size:15px;color:#b5c8e4}.feature{text-align:left;padding:9px 0;color:#cbddf7}.feature:before{content:'✓';color:var(--green);margin-right:12px}.center{text-align:center}.formbox{width:min(470px,92%);margin:70px auto 95px;position:relative}.formbox:before{content:'</>';position:absolute;top:-23px;right:24px;font:900 39px 'JetBrains Mono',monospace;color:#4770d07b}.formbox h1{font-size:32px;letter-spacing:-1.2px}.formbox label{display:block;margin:14px 0 5px;font-size:13px;color:#d2e4fa}.formbox input{width:100%;padding:14px;background:#081122;border:1px solid #385184;color:#fff;border-radius:11px;outline:0}.formbox input:focus{border-color:var(--green);box-shadow:0 0 0 3px #46f5b421}.formbox .btn{width:100%;margin-top:20px}.error{padding:12px 15px;background:#5b2429;border:1px solid #aa6262;border-radius:9px;color:#ffe6e6}.notice{padding:14px 16px;border:1px solid #47728c;border-radius:10px;background:#163048}footer{padding:35px 15px;text-align:center;color:#819bbf;font-size:12px;border-top:1px solid #263e61}.dash{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}iframe.lab{width:100%;height:85vh;border:1px solid #3e5268;border-radius:12px;background:#15191e}.dashboard-hero{padding:31px;border:1px solid #405b9a;border-radius:22px;background:linear-gradient(110deg,#142c49,#1b1641);margin:20px 0 30px}.dashboard-hero h2{margin:10px 0}.terminal{font:12px/1.9 'JetBrains Mono',monospace;padding:20px;color:#8de3c5}.terminal .purple{color:#b08bff}.terminal .blue{color:#5ecaff}.terminal .green{color:#59f2aa}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson{border:1px solid #344e7f;border-radius:15px;padding:22px;background:#0e1a31}.lesson .num{font:800 12px 'JetBrains Mono',monospace;color:#68f1c3}.lesson h3{margin:8px 0}.lesson p{font-size:13px}.warningbox{border:1px solid #916937;background:#39261642;padding:14px 18px;border-radius:12px;color:#ecd3a0}code{font-family:'JetBrains Mono',monospace}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:55px 0}.grid,.lesson-grid{grid-template-columns:1fr}.top{padding:14px 5%;flex-wrap:wrap}.top nav{gap:12px;flex-wrap:wrap}h1{font-size:42px}.fake{min-height:260px}.price{font-size:44px}}