*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;color:#e9eef5;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:5}#network{position:fixed;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;z-index:10;background:linear-gradient(#05070bee,transparent)}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.logo span{width:34px;height:34px;border:1px solid #5de0ff;border-radius:9px;display:grid;place-items:center;font-size:11px;color:#5de0ff}.logo b{font-family:"Space Grotesk";letter-spacing:-.4px}.nav nav{display:flex;gap:30px}.nav nav a{color:#9ca8b7;text-decoration:none;font-size:13px}.nav nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero,.section{position:relative;z-index:2}.hero{min-height:100vh;padding:150px 10vw 70px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.eyebrow,.section-tag{font-size:10px;letter-spacing:2.5px;color:#61dfff;font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;background:#61dfff;border-radius:50%;margin-right:8px;box-shadow:0 0 15px #61dfff}.hero h1,h2{font-family:"Space Grotesk";font-size:clamp(52px,7vw,100px);line-height:.92;letter-spacing:-5px;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#61dfff;text-shadow:0 0 35px #61dfff44}.lead{max-width:610px;color:#a6b0bd;line-height:1.75;font-size:16px}.actions{display:flex;gap:13px;margin:32px 0}.btn{padding:14px 19px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700}.primary{background:#61dfff;color:#031016;box-shadow:0 0 35px #61dfff30}.ghost{border:1px solid #26323e;color:#e9eef5}.quick-stats{display:flex;gap:35px;margin-top:55px}.quick-stats div{border-left:1px solid #29333e;padding-left:14px}.quick-stats strong{display:block;font-family:"Space Grotesk";font-size:20px}.quick-stats small{font-size:8px;letter-spacing:1.7px;color:#687584}.hero-visual{height:500px;display:grid;place-items:center}.orbital{width:390px;height:390px;position:relative;perspective:700px}.core{position:absolute;inset:125px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#143341,#07131a 65%,transparent 70%);border:1px solid #61dfff66;box-shadow:0 0 90px #61dfff22, inset 0 0 45px #61dfff18}.core span{font:700 30px "Space Grotesk";color:#61dfff}.orbit{position:absolute;inset:35px;border:1px solid #61dfff33;border-radius:50%;transform:rotateX(67deg) rotateZ(20deg);animation:spin 10s linear infinite}.o2{inset:70px;transform:rotateX(67deg) rotateZ(-40deg);animation-duration:13s}.o3{inset:5px;transform:rotateY(67deg) rotateZ(20deg);animation-duration:16s}.orbit b{position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:#61dfff;box-shadow:0 0 20px #61dfff}.node{position:absolute;padding:7px 10px;border:1px solid #243642;background:#081016dd;color:#9feaff;border-radius:5px;font:700 9px monospace;letter-spacing:1px}.n1{top:30px;left:30px}.n2{right:20px;top:100px}.n3{left:20px;bottom:90px}.n4{right:60px;bottom:35px}@keyframes spin{to{transform:rotateX(67deg) rotateZ(380deg)}}.scroll{position:absolute;bottom:28px;left:10vw;font-size:9px;letter-spacing:2px;color:#586675}.scroll span{color:#61dfff;margin-left:12px}.section{padding:130px 10vw}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:60px}.section h2{font-size:clamp(45px,5vw,76px);margin-top:18px}.copy{color:#a6b0bd;line-height:1.8;font-size:15px}.location{margin-top:35px;color:#61dfff;font-size:12px}.timeline{margin-top:65px;border-top:1px solid #202a34}.job{display:grid;grid-template-columns:180px 1fr;gap:50px;padding:45px 0;border-bottom:1px solid #202a34}.date{font-size:10px;letter-spacing:1.5px;color:#667383;padding-top:8px}.job h3{margin:0;font:600 25px "Space Grotesk"}.job h4{color:#61dfff;margin:7px 0 20px;font-size:12px;letter-spacing:1px}.job p{color:#8f9baa;max-width:700px;line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span,.project span{font-size:9px;color:#7d8b99;border:1px solid #202b36;padding:6px 8px;border-radius:4px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:60px}.skill-card{min-height:240px;padding:27px;border:1px solid #1d2730;background:#090d12aa;transition:.3s}.skill-card:hover,.project:hover{border-color:#61dfff55;transform:translateY(-5px)}.icon{font-size:28px;color:#61dfff}.skill-card h3{font-family:"Space Grotesk";margin-top:35px}.skill-card p{font-size:12px;color:#7f8b98;line-height:1.8}.project-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.project-head p{color:#788594;max-width:300px;font-size:12px;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:55px}.project{position:relative;padding:24px;border:1px solid #1d2730;background:#090d12aa;transition:.3s}.project.featured{grid-column:span 2}.project-number{font:700 10px monospace;color:#4e5b68}.project-art{height:200px;margin:20px 0;background:radial-gradient(circle at 50% 40%,#12313c,#080c11 65%);display:grid;place-items:center;border:1px solid #16232b;color:#61dfff;font:700 27px "Space Grotesk";text-align:center}.server{width:180px;padding:15px;border:1px solid #61dfff66;box-shadow:0 0 35px #61dfff15}.server i{display:block;height:20px;border-bottom:1px solid #27404a;position:relative}.server i:after{content:"";position:absolute;right:0;top:8px;width:4px;height:4px;border-radius:50%;background:#61dfff}.grid-art{background-image:linear-gradient(#10212a 1px,transparent 1px),linear-gradient(90deg,#10212a 1px,transparent 1px);background-size:28px 28px}.terminal-art{font:18px monospace;text-align:left;padding:30px}.terminal-art small{color:#657684}.project h3{font:22px "Space Grotesk";margin:0 0 12px}.project p{color:#85919e;font-size:12px;line-height:1.7;min-height:62px}.project>div:last-child>span{border:0;padding:0;color:#61dfff}.cert-box{border:1px solid #1d3139;background:linear-gradient(120deg,#0a1217,#071017);padding:65px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.cert-box h2{font-size:65px}.cert-box p{color:#8a96a3;max-width:500px;line-height:1.7}.cert-ring{width:190px;height:190px;border:1px solid #61dfff66;border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:0 0 70px #61dfff16,inset 0 0 40px #61dfff10}.cert-ring span{font:700 34px "Space Grotesk";color:#61dfff}.cert-ring small{font-size:8px;letter-spacing:3px;color:#697887}.contact-inner{max-width:850px}.contact h2{font-size:clamp(50px,7vw,90px)}.contact-inner>p{color:#8e9aa7;line-height:1.8;max-width:600px}.contact-links{display:flex;gap:30px;margin-top:40px}.contact-links a{color:#61dfff;text-decoration:none;font-size:13px}.contact-links a:hover{text-decoration:underline}footer{position:relative;z-index:2;border-top:1px solid #1b252e;padding:25px 10vw;display:flex;justify-content:space-between;color:#566473;font-size:9px;letter-spacing:1.5px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.show{opacity:1;transform:none}#loader{position:fixed;inset:0;background:#05070b;z-index:99;display:grid;place-items:center;align-content:center;gap:20px;color:#667786;font:10px monospace;letter-spacing:2px}.loader-ring{width:45px;height:45px;border:1px solid #1c2b34;border-top-color:#61dfff;border-radius:50%;animation:spinLoader 1s linear infinite}@keyframes spinLoader{to{transform:rotate(360deg)}}@media(max-width:800px){.nav{padding:0 6vw}.nav nav{display:none}.menu{display:block}.nav.open nav{position:absolute;top:70px;left:6vw;right:6vw;display:flex;flex-direction:column;padding:20px;background:#080c11;border:1px solid #1e2a33}.hero{display:block;padding:130px 7vw 70px}.hero-visual{height:370px}.orbital{transform:scale(.78)}.hero h1{font-size:56px;letter-spacing:-3px}.section{padding:90px 7vw}.two-col,.skill-grid,.project-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.project-head{display:block}.job{grid-template-columns:1fr;gap:15px}.cert-box{padding:35px;display:block}.cert-ring{margin-top:40px}.contact-links{flex-direction:column;gap:15px}footer{padding:20px 7vw;gap:20px;flex-direction:column} }