*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#f7f8ff;font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 5% 10%,#123fc5 0,transparent 28%),radial-gradient(ellipse at 90% 35%,#40116e 0,transparent 25%),#050b2b}header{height:82px;position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#040923ed;border-bottom:1px solid #354b9b66;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font:700 20px 'Space Grotesk',sans-serif}.brand img{width:50px}.brand b{display:block;color:#b54dff}nav{display:flex;align-items:center;gap:26px}nav a{color:#e4e8ff;text-decoration:none;font-size:13px;font-weight:700}nav a:hover{color:#25e1f3}.cta{padding:13px 20px;border-radius:30px;background:linear-gradient(100deg,#8134ed,#c126db);box-shadow:0 0 25px #a32aff55}.menu{display:none}.hero{max-width:1500px;margin:auto;padding:35px 4.5%;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;min-height:560px}.banner{width:100%;border-radius:14px;border:1px solid #5d76ff88;box-shadow:0 20px 70px #0009,0 0 45px #5630d955}.intro small,section>small,.learning small,.about small,.contact small{font-size:10px;letter-spacing:2px;font-weight:900;color:#25e1f3}.intro h1,h2{font:700 clamp(38px,4.3vw,58px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:22px 0}.intro h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#20e4f4,#c13aff);-webkit-background-clip:text;background-clip:text;color:transparent}.intro p,.learning p,.about p,.contact p,.muted{color:#b6c1e2;line-height:1.8;font-size:14px}.button{display:inline-block;margin:17px 9px 0 0;padding:14px 19px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800;color:white;background:linear-gradient(100deg,#1d65f3,#a92cdd);box-shadow:0 8px 28px #7127f555}.button.outline{border:1px solid #24dff4;background:#081b43}.services{max-width:1500px;margin:auto;padding:0 4.5% 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.services article{min-height:125px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #2ddff0;border-radius:16px;background:linear-gradient(135deg,#101d43,#10112f);box-shadow:inset 0 0 25px #1a5ca522}.services article:nth-child(even){border-color:#c14cff}.services i{font-style:normal;font-size:34px;color:#27e4f4;text-shadow:0 0 15px currentColor}.services article:nth-child(even) i{color:#c35cff}.services h3{font-size:13px;margin:0 0 7px}.services p{font-size:10px;line-height:1.5;color:#c4cce6;margin:0}.section{max-width:1400px;margin:auto;padding:85px 6%}h2{font-size:clamp(34px,4vw,48px)}.muted{max-width:650px}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.projects article{background:#0d1738;border:1px solid #43528c88;border-radius:14px;overflow:hidden;padding-bottom:16px;transition:.2s}.projects article:hover{transform:translateY(-5px);border-color:#2ddff0}.projects article>small,.projects h3{margin-left:16px}.projects article>small{font-size:8px;letter-spacing:1px;color:#91a2cf}.projects h3{font-size:13px}.art{height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.art.web{background:radial-gradient(circle,#176bc1,#11183d)}.art.web b{position:absolute;top:12px;left:15px;color:#9eefff;font-size:10px}.art.web span{padding:35px;background:#101c45;border:1px solid #38d8f4;border-radius:8px;font-weight:900;line-height:1.2;box-shadow:0 0 30px #1c9aff55}.art.dash{background:linear-gradient(135deg,#0d2752,#13205a);flex-direction:column;gap:35px}.art.dash b{font-size:35px;color:#bd52ff;text-shadow:0 0 20px #278cff}.art.dash span,.art.robot span{font-size:9px;letter-spacing:2px;color:#cdeaff}.art.design{background:radial-gradient(circle at 70%,#ae35e8,#28206c 48%,#111637);flex-direction:column;align-items:flex-start;padding-left:25px}.art.design b{font:700 35px 'Space Grotesk'}.art.design em{font:700 25px 'Space Grotesk';color:#3be7f2}.art.robot{background:radial-gradient(circle,#164b83,#101638);gap:15px}.board{width:85px;height:80px;border:2px solid #2be1ef;border-radius:10px;background:#176a88;display:grid;place-items:center;font-weight:900;box-shadow:0 0 20px #22dff455}.bot{width:62px;height:52px;border-radius:15px;background:linear-gradient(145deg,#fff,#8ea4c8);color:#06d9f5;display:grid;place-items:center;font-size:14px;box-shadow:0 0 20px #25dff477}.art.robot span{position:absolute;top:15px;left:15px}.note{font-size:9px!important;color:#8795bb!important}.learning{padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(100deg,#0b1740,#11103d);border-block:1px solid #36498c66}.learning p{max-width:470px}.playarea{height:280px;border:1px solid #3b7edb88;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#174a8d,#10153c)}.play{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:linear-gradient(135deg,#1b75f5,#b32ee0);box-shadow:0 0 45px #8e35ff;font-size:25px}.playarea p{font-size:9px;letter-spacing:1px;margin-top:25px}.about{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:75px}.about img{width:100%;max-width:320px;border-radius:18px;border:1px solid #a849ff;box-shadow:12px 12px 0 #152653}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{padding:8px 12px;border:1px solid #4a7fc5;border-radius:20px;color:#d9e9ff;font-size:10px}.contact{padding:70px 8%;display:grid;grid-template-columns:1fr .8fr;gap:45px;background:linear-gradient(120deg,#0d1740,#11103d);border-top:1px solid #34437c66}.contactbox{padding:20px;border:1px solid #3d5c9c;border-radius:15px;background:#0a1536}.contactbox a{display:block;padding:17px 0;color:white;text-decoration:none;border-bottom:1px solid #35416a;font-size:13px}.contactbox p{font-size:9px;color:#edc477}footer{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34437c66}footer p,footer>a:last-child{font-size:9px;color:#8b99bd;text-decoration:none}@media(max-width:1050px){.services{grid-template-columns:repeat(3,1fr)}.projects{grid-template-columns:repeat(2,1fr)}nav{gap:13px}nav a{font-size:11px}}@media(max-width:700px){header{height:70px;padding:0 5%}.brand{font-size:17px}.brand img{width:42px}.menu{display:block;color:white;background:none;border:0;font-size:25px}nav{display:none;position:absolute;top:69px;left:0;right:0;padding:15px 6%;background:#060d2d;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 4px;font-size:13px}.nav .cta{text-align:center}.hero{grid-template-columns:1fr;padding:25px 5% 40px;gap:18px}.intro h1{font-size:42px}.services{grid-template-columns:1fr;padding:0 5% 40px}.services article{min-height:85px}.section{padding:60px 5%}.projects{grid-template-columns:1fr}.art{height:210px}.learning,.about,.contact{grid-template-columns:1fr;gap:30px;padding:60px 5%}.about img{max-width:260px;margin:auto}.playarea{height:240px}footer{flex-direction:column;text-align:center;gap:10px}}