:root{--ink:#080c14;--ink2:#101724;--blue:#315cf4;--blue2:#6985ff;--white:#f7f9ff;--muted:#a8b3c8;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;line-height:1.55}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--blue2);color:var(--ink)}.container{width:min(100% - 64px,1240px);margin-inline:auto}.section-pad{padding:120px 0}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;padding:12px 18px;background:#fff;color:#000}.skip-link:focus{top:12px}
.site-header{position:absolute;z-index:20;inset:0 0 auto;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{height:86px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand-mark{font:700 31px/1 "Space Grotesk",sans-serif;letter-spacing:-.12em}.brand-mark span{color:#6685ff}.brand-text{font:700 9px/1.05 "Space Grotesk",sans-serif;letter-spacing:.17em;margin-left:3px}.primary-nav{display:flex;gap:32px;margin-left:auto}.primary-nav a{font-size:12px;font-weight:700;letter-spacing:.02em;color:#ccd4e4;transition:color .2s}.primary-nav a:hover,.primary-nav a:focus-visible{color:#7e9aff}.nav-cta{font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.4);padding:11px 17px;transition:.2s}.nav-cta:hover{background:#fff;color:var(--ink)}.nav-cta span{margin-left:16px;font-size:18px}.menu-toggle{display:none}
.hero{min-height:760px;padding-top:166px;padding-bottom:0;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 39%,#15244b 0%,#0b1223 30%,#080c14 66%)}.hero-glow{position:absolute;right:-12%;top:-20%;width:760px;height:760px;border-radius:50%;border:1px solid rgba(81,121,255,.12);box-shadow:0 0 0 100px rgba(60,98,236,.025),0 0 0 220px rgba(60,98,236,.02);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:538px;position:relative;z-index:1}.hero-copy{padding-bottom:56px}.eyebrow,.kicker,.section-label,.hero-meta,.hero-bottom,.visual-label,.project-topline,.cert-number,.cert-year{font:700 11px/1.3 "Space Grotesk",sans-serif;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;color:#c5d1ed;margin:0 0 28px}.eyebrow-line{width:25px;height:1px;background:#7c98ff}.eyebrow-dot{color:#6889ff;font-size:8px}.hero h1,h2,h3,p{margin-top:0}.hero h1,.section-heading h2,.about h2,.skills h2,.contact h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.067em;font-weight:600;line-height:1.03}.hero h1{font-size:clamp(56px,6vw,89px);margin:0 0 28px;white-space:nowrap}.hero h1 em,.section-heading h2 em,.skills h2 em,.contact h2 em{font-style:normal;color:#7290ff}.hero-lead{font-size:16px;color:#bac5db;max-width:510px;line-height:1.8;margin-bottom:30px}.hero-lead strong{color:white}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:51px;padding:0 21px;font-weight:700;font-size:12px;transition:.25s}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#5e7dff;transform:translateY(-2px)}.button span{font-size:19px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #64718c;padding-bottom:5px}.text-link span{margin-left:12px}.text-link:hover{color:#8aa2ff}.hero-meta{display:flex;align-items:center;gap:17px;color:#8391ab;margin-top:59px;font-size:9px}.meta-divider{width:4px;height:4px;border-radius:50%;background:#577cff}.hero-art{height:545px;position:relative;display:flex;justify-content:center;align-items:flex-end}.portrait-frame{position:relative;width:min(100%,410px);height:493px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 13%);border:8px solid #284dec;background:#1c2a48;z-index:2;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.3)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.78) contrast(1.06)}.portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,12,20,.23),transparent 50%)}.art-orbit{position:absolute;border:1px solid rgba(109,140,255,.35);border-radius:50%;pointer-events:none}.orbit-one{width:470px;height:470px;top:0;right:-9px}.orbit-two{width:590px;height:590px;top:-58px;right:-70px;opacity:.35}.photo-badge{position:absolute;z-index:4;left:-27px;bottom:43px;background:#fff;color:#121a30;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);font:700 14px/1.08 "Space Grotesk",sans-serif;letter-spacing:-.02em}.badge-icon{font-size:33px;color:var(--blue);margin-bottom:7px}.art-index{position:absolute;z-index:4;right:-22px;top:39px;writing-mode:vertical-rl;font:700 10px "Space Grotesk";letter-spacing:.2em;color:#adc0ff}.art-caption{position:absolute;z-index:4;right:-32px;bottom:23px;writing-mode:vertical-rl;font:700 9px/1.4 "Space Grotesk";letter-spacing:.16em;color:#becbf1}.hero-bottom{height:75px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);color:#8796b2;font:700 9px "Space Grotesk";letter-spacing:.19em}.hero-bottom span:nth-child(2){font-size:23px;color:#a8b9ff}
.marquee{overflow:hidden;background:#2852eb;color:#fff;border-top:1px solid #4269fa;border-bottom:1px solid #4269fa}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;padding:12px 0;font:700 12px "Space Grotesk";letter-spacing:.17em;animation:marquee 35s linear infinite}.marquee-track span{font-size:19px;color:#b8c6ff}@keyframes marquee{to{transform:translateX(-50%)}}
.about{background:#f5f7fc;color:#0c1425}.about-grid{display:grid;grid-template-columns:26% 1fr;gap:30px}.section-label{display:flex;gap:20px;align-items:center;margin:0 0 25px;color:#a5b4d0}.section-no{color:#6d8aff}.about .section-label,.certs .section-label{color:#55647d}.about-main{max-width:840px}.kicker{color:#3f66ee;margin-bottom:20px}.about h2{font-size:clamp(43px,5vw,69px);margin-bottom:35px}.about h2 span{color:#73829d}.about-main>p:not(.kicker){font-size:17px;line-height:1.85;color:#455269;max-width:710px}.about-foot{display:flex;align-items:center;gap:13px;border-top:1px solid #cdd5e5;margin-top:42px;padding-top:20px;font-size:12px;font-weight:700;color:#54627d}.small-cross{color:#315cf4;font-size:25px;line-height:1}
.projects{background:#0c111c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading h2,.skills h2{font-size:clamp(46px,5.2vw,72px);margin:0}.section-heading>p{max-width:330px;color:#9aa9c2;font-size:14px;line-height:1.8;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{background:#151d2c;border:1px solid #293449;display:grid;grid-template-rows:290px auto;min-width:0;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#597af4}.project-featured{grid-column:1/-1;grid-template-columns:1.06fr .94fr;grid-template-rows:auto;min-height:385px}.project-visual{position:relative;overflow:hidden;background:#142756}.visual-label{position:absolute;left:22px;bottom:21px;color:#b3c3f7;font-size:9px;z-index:2}.project-info{padding:31px 33px 28px;display:flex;flex-direction:column}.project-featured .project-info{padding:41px}.project-topline{display:flex;justify-content:space-between;color:#8ca4ff;font-size:9px;margin-bottom:19px}.project-info h3{font:600 clamp(25px,2.5vw,37px)/1.1 "Space Grotesk";letter-spacing:-.055em;margin:0 0 16px}.project-info p{font-size:13px;color:#aab7cd;line-height:1.8;max-width:480px;margin-bottom:22px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.tag-row span{border:1px solid #3b4964;padding:5px 9px;color:#b8c6e0;font-size:10px}.project-link{align-self:flex-start;border-bottom:1px solid #5977f0;padding-bottom:5px;color:#fff;font-weight:700;font-size:11px;margin-top:auto}.project-link span{color:#88a0ff;margin-left:12px;font-size:16px}.project-link:hover{color:#9bb0ff}.project-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto}.project-links .project-link{margin-top:0}.project-link.secondary{border-color:#58657a}.all-projects{display:flex;justify-content:center;gap:25px;align-items:center;width:max-content;margin:35px auto 0;font-weight:700;font-size:12px;border-bottom:1px solid #8da4ff;padding-bottom:8px}.all-projects span{font-size:19px;color:#8da4ff}.all-projects:hover{color:#a7b9ff}
.visual-blockchain{background:radial-gradient(circle at 48% 43%,#2e59eb,#11214e 56%,#0b1536 100%)}.chain-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(129,159,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(129,159,255,.12) 1px,transparent 1px);background-size:36px 36px;transform:perspective(500px) rotateX(20deg) scale(1.3)}.chain-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-12deg);width:222px;height:222px;border:2px solid #a1b7ff;box-shadow:0 0 0 17px rgba(91,124,255,.13),0 0 0 41px rgba(91,124,255,.08),0 0 60px #7290ff;background:rgba(12,27,70,.74);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chain-core span{font-size:75px;line-height:1;color:#dce5ff}.chain-core small{font:700 10px/1.4 "Space Grotesk";letter-spacing:.13em;color:#b6c8ff}.visual-scopus{background:#dce7ff;display:flex;justify-content:center;align-items:center}.scopus-window{width:69%;height:68%;background:#101b38;box-shadow:20px 20px 0 #91acff;border:1px solid #6788e1;padding:14px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:#7092ff;border-radius:50%}.scopus-bars{height:70%;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:20px 8px 0}.scopus-bars b{width:12%;background:linear-gradient(#8cb0ff,#3361ee)}.scopus-bars b:nth-child(1){height:40%}.scopus-bars b:nth-child(2){height:62%}.scopus-bars b:nth-child(3){height:35%}.scopus-bars b:nth-child(4){height:83%}.scopus-bars b:nth-child(5){height:55%}.scopus-bars b:nth-child(6){height:72%}.scopus-bars b:nth-child(7){height:47%}.scopus-lines{display:flex;gap:8px;padding:10px 8px}.scopus-lines i{height:4px;background:#6178ae;flex:1}.scopus-lines i:last-child{flex:.5}.visual-scopus .visual-label{color:#1d397a}.visual-otto{background:radial-gradient(circle at 50% 37%,#3d65c2,#162a55 60%,#101d3c);display:flex;align-items:center;justify-content:center}.robot{position:relative;width:135px;height:185px;z-index:2;transform:rotate(-7deg)}.robot-head{height:82px;border:7px solid #98b1ff;border-radius:34px 34px 21px 21px;background:#eef3ff;display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 0 40px #6789fa}.robot-head span{width:20px;height:20px;background:#132457;border-radius:50%}.robot-body{width:85px;height:69px;margin:7px auto 0;border-radius:20px;background:#d5e2ff;border:6px solid #7b9fff}.robot-body i{display:block;width:22px;height:22px;border:4px solid #6287e7;border-radius:50%;margin:14px auto}.robot-feet{display:flex;justify-content:space-between}.robot-feet span{height:21px;width:50px;background:#a9c0ff;border-radius:8px}.sound-wave{position:absolute;border:2px solid #99b7ff;border-radius:50%;opacity:.5}.wave-a{width:260px;height:260px}.wave-b{width:380px;height:380px}.visual-music{background:radial-gradient(circle at 50% 50%,#3152a0,#142144 64%,#0e1831);display:flex;justify-content:center;align-items:center}.music-disc{width:195px;height:195px;border-radius:50%;border:2px solid #9db7ff;box-shadow:0 0 0 20px rgba(119,151,255,.11),0 0 0 45px rgba(119,151,255,.06),0 0 50px rgba(103,134,255,.7);background:repeating-radial-gradient(circle,#172b5a 0 8px,#28457e 9px 11px);display:grid;place-items:center}.music-disc span{width:44px;height:44px;background:#b7c9ff;border:9px solid #2e54ae;border-radius:50%}.music-lines{position:absolute;bottom:28px;right:26px;height:50px;display:flex;align-items:center;gap:4px}.music-lines b{width:3px;background:#bfd0ff;height:45%}.music-lines b:nth-child(2),.music-lines b:nth-child(6){height:80%}.music-lines b:nth-child(4){height:100%}.music-lines b:nth-child(7){height:65%}
.skills{background:#244de1;overflow:hidden}.skills-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;position:relative}.skills .section-label,.skills .section-no{color:#b4c5ff}.skills h2{font-size:clamp(44px,4.4vw,64px);max-width:530px}.skills h2 em{color:#a8bbff}.skills-grid>div:first-child>p:last-of-type{color:#d4ddff;max-width:360px;font-size:14px;line-height:1.8;margin-top:25px}.skill-orbit{font-size:138px;line-height:1;color:rgba(255,255,255,.15);margin-top:85px}.skill-row{display:grid;grid-template-columns:42px 1fr 120px 20px;align-items:center;gap:14px;border-top:1px solid rgba(255,255,255,.31);min-height:70px}.skill-row:last-child{border-bottom:1px solid rgba(255,255,255,.31)}.skill-row span,.skill-row small{font:700 9px "Space Grotesk";letter-spacing:.12em;color:#bdcaff}.skill-row strong{font:500 23px "Space Grotesk";letter-spacing:-.04em}.skill-row b{font-size:19px;font-weight:400;color:#c7d4ff}
.certs{background:#f4f7fc;color:#0f1a2d}.certs .section-heading h2 em{color:#315cf4}.certs .section-heading>p{color:#596781}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccd4e5;border:1px solid #ccd4e5}.cert-card{background:#f4f7fc;padding:26px;min-height:195px;display:flex;flex-direction:column;transition:background .2s}.cert-card:hover{background:#e9efff}.cert-card[hidden]{display:none}.cert-number{color:#315cf4}.cert-year{color:#8290aa;margin-left:auto;margin-top:-14px}.cert-card h3{font:600 19px/1.25 "Space Grotesk";letter-spacing:-.035em;margin:28px 0 10px;max-width:310px}.cert-card p{font-size:11px;color:#67758d;margin:auto 0 0}.cert-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.outline-button{border:1px solid #7183a5;background:transparent;padding:12px 17px;color:#16233b;font-weight:700;font-size:11px}.outline-button:hover{background:#14295c;color:#fff}.outline-button span{font-size:18px;margin-left:25px;font-weight:400}.cert-actions>a{font-size:11px;font-weight:700;border-bottom:1px solid #627395;padding-bottom:5px}.cert-actions>a span{margin-left:13px;font-size:17px}
.contact{background:#0d1528;position:relative;overflow:hidden}.contact::before{content:"";position:absolute;width:620px;height:620px;border:1px solid #26395f;border-radius:50%;right:-130px;top:-230px;box-shadow:0 0 0 90px rgba(61,88,149,.045),0 0 0 190px rgba(61,88,149,.035)}.contact-inner{position:relative;min-height:350px}.contact h2{font-size:clamp(58px,6vw,88px);margin:20px 0 22px}.contact p:not(.section-label){max-width:440px;color:#aebbd3;font-size:14px;line-height:1.8}.contact-links{display:flex;gap:13px;margin-top:32px}.contact-links a{border:1px solid #53698f;padding:12px 17px;min-width:130px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.contact-links a:hover{background:#315cf4;border-color:#315cf4}.contact-star{position:absolute;right:14%;top:27%;font-size:160px;line-height:1;color:#5277e7;transform:rotate(-12deg)}.site-footer{background:#070b13;border-top:1px solid #273043}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:10px;color:#94a3bc;margin:0}.footer-inner>a:last-child:hover{color:#fff}
@media(max-width:1050px){.container{width:min(100% - 48px,1240px)}.primary-nav{gap:18px}.hero h1{font-size:clamp(50px,6vw,70px)}.hero-art{height:480px}.portrait-frame{height:425px}.photo-badge{left:-7px}.project-featured .project-info{padding:30px}.skill-row{grid-template-columns:28px 1fr 85px 16px}}
@media(max-width:760px){.container{width:min(100% - 36px,620px)}.section-pad{padding:78px 0}.site-header{position:absolute}.nav-wrap{height:69px;gap:12px}.brand-mark{font-size:28px}.nav-cta{margin-left:auto;padding:9px 10px;font-size:10px}.nav-cta span{margin-left:4px}.menu-toggle{display:flex;order:3;width:35px;height:35px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:7px}.menu-toggle span{height:2px;width:100%;background:#fff}.primary-nav{display:none;position:absolute;top:69px;left:0;right:0;margin:0;background:#101a30;padding:20px 25px;flex-direction:column;gap:0;border-bottom:1px solid #40557c}.primary-nav.open{display:flex}.primary-nav a{padding:12px 0;border-bottom:1px solid #31415d}.hero{padding-top:126px;padding-bottom:0;min-height:auto}.hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding-bottom:30px}.hero h1{font-size:clamp(49px,11.5vw,76px);white-space:normal}.hero-lead{font-size:14px;max-width:500px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-meta{margin-top:38px}.hero-art{height:440px;align-items:flex-end;margin-inline:10px}.portrait-frame{width:76%;height:390px}.orbit-one{width:370px;height:370px;right:calc(50% - 185px);top:20px}.orbit-two{width:460px;height:460px;right:calc(50% - 230px);top:-25px}.photo-badge{width:107px;height:107px;font-size:10px;left:0;bottom:25px}.badge-icon{font-size:24px}.art-index,.art-caption{right:0}.hero-bottom{height:62px}.hero-bottom span:last-child{display:none}.about-grid{grid-template-columns:1fr;gap:15px}.about h2{font-size:clamp(41px,8vw,59px)}.about-main>p:not(.kicker){font-size:15px}.section-heading{display:block}.section-heading h2,.skills h2{font-size:clamp(42px,8vw,62px)}.section-heading>p{margin-top:22px}.project-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;grid-template-columns:1fr;grid-template-rows:290px auto}.project-card{grid-template-rows:270px auto}.project-info,.project-featured .project-info{padding:26px}.skills-grid{grid-template-columns:1fr;gap:30px}.skill-orbit{display:none}.skill-row{grid-template-columns:30px 1fr 92px 16px;min-height:62px}.skill-row strong{font-size:21px}.cert-grid{grid-template-columns:repeat(2,1fr)}.cert-card{min-height:180px;padding:20px}.cert-card h3{font-size:17px}.contact-star{right:0;top:0;font-size:90px;opacity:.45}.contact h2{font-size:clamp(51px,10vw,76px)}.footer-inner{flex-wrap:wrap;padding:22px 0}.footer-inner p{order:3;width:100%}}
@media(max-width:480px){.nav-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:49px}.hero-art{height:350px}.portrait-frame{height:310px;width:80%}.photo-badge{left:-4px}.hero-meta{font-size:8px;gap:8px}.hero-bottom{font-size:8px}.cert-grid{grid-template-columns:1fr}.cert-card{min-height:145px}.cert-card h3{margin-top:19px}.cert-actions{align-items:flex-start;flex-direction:column}.project-visual{height:250px}.project-featured{grid-template-rows:250px auto}.project-card{grid-template-rows:250px auto}.contact-star{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.contact-links{flex-wrap:wrap;max-width:460px}
.portrait-frame img{transform:scale(1.5);object-position:center 28%}