 :root{--bg:#080b14;--panel:#101624;--panel2:#121b2c;--text:#eef3ff;--muted:#9aa7bd;--dim:#65728a;--line:rgba(161,181,218,.13);--blue:#6d8cff;--cyan:#62d8ed;--purple:#a78bfa;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(130,155,200,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(130,155,200,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-2}.ambient{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:-1}.ambient-one{background:#315bff;top:100px;left:-250px}.ambient-two{background:#6b35b7;top:600px;right:-280px}.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand-mark{width:39px;height:39px;border:1px solid rgba(109,140,255,.5);border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px;background:linear-gradient(145deg,rgba(109,140,255,.2),rgba(98,216,237,.05))}.brand-mark span{color:var(--cyan)}.brand-name{font-size:11px;font-weight:800;letter-spacing:1.8px;line-height:1.35}.brand-name span{display:block;color:var(--muted);font-size:9px;letter-spacing:3px}.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:12px;color:var(--muted);text-decoration:none;font-weight:700;transition:.2s}.nav a:hover{color:white}.nav .nav-cta{color:var(--text);border:1px solid var(--line);padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:9px}.nav-cta svg{width:14px}.menu-toggle{display:none;background:none;color:white;border:0}.hero{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-top:65px;padding-bottom:75px;position:relative}.eyebrow,.section-label,.hero-kicker,.profile-top,.profile-meta span,.project-topline,.visual-caption,.stat small,.social-note,.scroll-cue,.cert-year,.achievement-card small{font-family:var(--mono);letter-spacing:1.2px}.eyebrow{font-size:10px;color:#a9b9d5;display:flex;align-items:center;gap:10px;margin-bottom:27px}.status-dot,.live-indicator:before{width:7px;height:7px;background:#62e6b0;border-radius:50%;display:inline-block;box-shadow:0 0 12px #62e6b0}.hero-kicker{font-size:12px;color:var(--cyan);margin:0 0 12px}.hero h1{font-size:clamp(54px,7vw,88px);letter-spacing:-5px;line-height:.99;margin:0;font-weight:800}.gradient-text{background:linear-gradient(100deg,#7f9bff 5%,#62d8ed 52%,#b99aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-role{font-size:17px;font-weight:700;margin:23px 0 12px}.role-divider{color:var(--cyan);padding:0 8px}.hero-description{max-width:530px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button svg{width:15px}.button-primary{background:linear-gradient(110deg,#6d8cff,#5c9eea);color:white;box-shadow:0 8px 30px rgba(77,116,255,.2)}.button-ghost{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.02)}.social-row{display:flex;align-items:center;gap:18px;margin-top:38px}.social-row a{color:#a8b5ca;transition:.2s}.social-row a:hover{color:var(--cyan);transform:translateY(-2px)}.social-row svg{width:17px;height:17px}.social-note{font-size:9px;color:var(--dim);letter-spacing:.5px;border-left:1px solid var(--line);padding-left:17px}.hero-visual{min-height:480px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid rgba(110,143,255,.12);border-radius:50%;transform:rotate(-24deg)}.orbit-a{width:470px;height:300px}.orbit-b{width:390px;height:470px;transform:rotate(42deg)}.profile-card{width:min(360px,88%);padding:23px;border:1px solid rgba(137,164,220,.22);border-radius:17px;background:linear-gradient(145deg,rgba(22,32,52,.96),rgba(11,17,29,.97));box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);position:relative;z-index:1}.profile-top{display:flex;justify-content:space-between;color:#7f8da6;font-size:8px}.live-indicator{color:#75e7b5;font-size:8px}.live-indicator:before{content:"";margin-right:6px;width:5px;height:5px}.avatar{width:105px;height:105px;margin:27px auto 13px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:800;letter-spacing:-2px;color:#dce8ff;background:radial-gradient(circle at 35% 25%,#829eff,#354d91 55%,#1a284a);border:4px solid rgba(255,255,255,.08);box-shadow:0 0 0 8px rgba(109,140,255,.07);position:relative}.avatar-spark{position:absolute;right:-11px;top:0;color:var(--cyan);font-size:19px}.profile-name{text-align:center;font-size:18px;font-weight:800;margin:0}.profile-title{text-align:center;color:var(--muted);font-size:10px;margin:2px 0 18px}.profile-divider{height:1px;background:var(--line);margin-bottom:13px}.profile-meta{display:flex;justify-content:space-between;padding:8px 0}.profile-meta span{font-size:8px;color:#7d8ba4}.profile-meta strong{font-size:10px}.code-window{margin-top:17px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#080d17}.code-head{height:27px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:0 10px}.code-head>span{width:6px;height:6px;border-radius:50%;background:#59657b}.code-head small{margin-left:auto;color:#6f7e99;font:8px var(--mono)}.code-window code{display:block;padding:12px 14px;color:#aab9d3;font:9px/1.9 var(--mono)}.code-window b{color:#80a0ff}.code-window em{color:#7de0cb;font-style:normal}.floating-tag{position:absolute;z-index:2;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#111a2b;color:#c6d4ed;font-size:10px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 10px 35px #0005}.floating-tag svg{width:14px;color:var(--cyan)}.tag-one{top:95px;right:-4px}.tag-two{bottom:75px;left:-12px}.scroll-cue{position:absolute;bottom:23px;left:0;color:#64728a;font-size:8px;display:flex;align-items:center;gap:10px}.scroll-cue span{height:1px;width:34px;background:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font-size:30px;letter-spacing:-1.5px;display:block}.stat strong span{color:var(--cyan)}.stat small{font-size:8px;color:var(--dim)}.section{padding-top:115px}.section-heading{margin-bottom:42px}.section-label{font-size:9px;color:var(--cyan);margin:0 0 15px}.section-heading h2,.contact-copy h2{font-size:clamp(36px,5vw,55px);letter-spacing:-2.6px;line-height:1.12;margin:0;font-weight:800}.section-intro{color:var(--muted);font-size:13px;max-width:450px;margin-top:17px}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px}.about-main p{color:var(--muted);font-size:13px;line-height:2}.about-main .lead{color:#e3eaff;font-size:18px;font-weight:700;line-height:1.7;margin-top:0}.text-link,.project-link{color:var(--cyan);text-decoration:none;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:8px;margin-top:14px}.text-link svg,.project-link svg{width:14px}.about-side{display:grid;gap:12px}.info-card{display:flex;gap:16px;padding:17px;border:1px solid var(--line);background:rgba(16,22,36,.7);border-radius:10px}.info-icon,.skill-icon,.cert-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:9px;background:rgba(109,140,255,.12);color:#91aaff}.info-icon svg,.skill-icon svg,.cert-icon svg{width:18px}.info-card small,.info-card strong,.info-card p{display:block}.info-card small{font:8px var(--mono);letter-spacing:1px;color:var(--dim);margin-bottom:4px}.info-card strong{font-size:11px}.info-card p{font-size:10px;color:var(--muted);margin:2px 0 0}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skill-card{padding:22px 19px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,27,44,.8),rgba(11,16,27,.8));border-radius:12px;transition:.25s}.skill-card:hover,.project-card:hover{border-color:rgba(109,140,255,.45);transform:translateY(-4px)}.skill-icon{margin-bottom:20px}.skill-card h3{font-size:14px;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:9px;color:#aab8d0;background:rgba(130,155,200,.09);border:1px solid rgba(130,155,200,.1);padding:5px 8px;border-radius:5px}.section-heading-row{display:flex;align-items:end;justify-content:space-between}.project-count{font:9px var(--mono);color:var(--dim);padding-bottom:8px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.project-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(15,22,36,.82);transition:.25s}.project-featured{grid-column:span 2;display:grid;grid-template-columns:.85fr 1fr}.project-visual{height:190px;position:relative;overflow:hidden;display:grid;place-items:center;background:#101a30}.project-featured .project-visual{height:100%;min-height:330px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(100,143,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,143,215,.12) 1px,transparent 1px);background-size:27px 27px;transform:perspective(300px) rotateX(13deg) scale(1.3)}.rescue-center{width:100px;height:100px;border:1px solid rgba(98,216,237,.6);border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;background:rgba(23,70,91,.75);color:#8be8f4;box-shadow:0 0 0 17px rgba(98,216,237,.05),0 0 55px rgba(98,216,237,.2);z-index:1;font:9px var(--mono);text-align:center}.rescue-center svg{width:26px}.map-pin{position:absolute;z-index:2;width:25px;height:25px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;background:#6e8eff;color:white;font-size:15px;box-shadow:0 0 22px #6e8eff88}.pin-a{top:24%;left:25%}.pin-b{right:22%;bottom:26%;background:#61d9c4}.map-pin::first-letter{transform:rotate(45deg)}.visual-caption{position:absolute;bottom:13px;left:16px;font-size:8px;color:#91a7c7;z-index:2}.project-content{padding:22px}.project-featured .project-content{padding:32px}.project-topline{font-size:8px;color:#7d8ba5;display:flex;justify-content:space-between;gap:10px}.project-status{color:#7de0cb}.project-content h3{font-size:23px;letter-spacing:-.7px;margin:14px 0 8px}.project-content p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 17px}.project-content .chips{margin-top:18px}.project-link{margin-top:19px}.vox-visual{background:radial-gradient(circle at center,#283b75,#111a30 65%)}.vox-orb{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#829aff,#7d6bd1);box-shadow:0 0 0 15px #829aff16,0 0 60px #829aff55}.vox-orb svg{width:32px;height:32px;color:white}.community-visual{background:radial-gradient(circle at center,#263f63,#101827 70%)}.community-symbol{font:800 58px var(--mono);color:#8ce4ee;text-shadow:0 0 35px #62d8ed66}.edit-note{display:flex;align-items:flex-start;gap:8px;color:#7f8da5;font-size:10px;margin-top:18px}.edit-note svg{width:14px;flex:0 0 14px}.journey-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.timeline{border-left:1px solid rgba(109,140,255,.35);margin-left:8px;padding-left:28px}.timeline-item{position:relative;padding-bottom:32px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;width:11px;height:11px;background:#6d8cff;border:3px solid #182342;border-radius:50%;left:-34px;top:4px;box-shadow:0 0 0 4px rgba(109,140,255,.1)}.timeline-item small{font:8px var(--mono);letter-spacing:1px;color:var(--cyan)}.timeline-item h3{font-size:15px;margin:8px 0 4px}.timeline-item p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.timeline-tag{display:inline-block;font:9px var(--mono);color:#aabaff;background:#728fff18;padding:5px 8px;border-radius:4px;margin-top:9px}.journey-aside{display:grid;gap:12px}.achievement-card{padding:23px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(130deg,rgba(21,32,53,.8),rgba(12,18,29,.8))}.achievement-card>svg{color:var(--cyan);width:19px;margin-bottom:13px}.achievement-card small{display:block;color:var(--dim);font-size:8px}.achievement-card strong{display:block;font-size:25px;margin:5px 0}.achievement-card p{color:var(--muted);font-size:10px;margin:0}.certifications{padding-bottom:110px}.cert-list{border-top:1px solid var(--line)}.cert-row{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line)}.cert-icon{background:rgba(98,216,237,.09);color:var(--cyan)}.cert-row div{flex:1}.cert-row strong,.cert-row small{display:block}.cert-row strong{font-size:12px}.cert-row small{font-size:10px;color:var(--muted);margin-top:3px}.cert-year{font-size:8px;color:var(--dim)}.contact-section{padding-bottom:80px}.contact-panel{position:relative;overflow:hidden;border:1px solid rgba(109,140,255,.25);border-radius:17px;padding:55px;display:grid;grid-template-columns:1fr .8fr;gap:60px;background:linear-gradient(120deg,#131e35,#0d1423 70%)}.contact-glow{position:absolute;width:350px;height:350px;right:20%;top:-260px;background:#5d7fff;filter:blur(100px);opacity:.22}.contact-copy,.contact-details{position:relative;z-index:1}.contact-copy h2{font-size:clamp(38px,5vw,54px)}.contact-copy>p:not(.section-label){font-size:12px;color:var(--muted);max-width:390px;margin:18px 0 24px}.contact-details{display:grid;align-content:center}.contact-details>a{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:11px}.contact-details>a>svg:first-child{width:17px;color:var(--cyan)}.contact-details>a>svg:last-child{width:13px;margin-left:auto;color:#71809b}.contact-details small{display:block;color:var(--dim);font:8px var(--mono);letter-spacing:1px}.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:9px;color:var(--dim)}.back-top{font:8px var(--mono);color:#91a0b8;text-decoration:none;letter-spacing:1px}
@media(max-width:900px){.hero{grid-template-columns:1fr  .85fr;gap:10px}.hero h1{font-size:65px}.hero-visual{transform:scale(.9)}.skills-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.journey-grid{gap:35px}.contact-panel{gap:30px;padding:40px}}
@media(max-width:700px){.section-wrap,.site-header{width:calc(100% - 36px)}.site-header{height:72px}.menu-toggle{display:block}.menu-toggle svg{width:23px}.nav{display:none;position:absolute;top:71px;left:-18px;right:-18px;padding:20px 24px 24px;background:#0d1422;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav .nav-cta{justify-content:center}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:85px;gap:0}.hero h1{font-size:clamp(58px,15vw,78px)}.hero-description{font-size:13px}.hero-visual{min-height:475px;transform:none;margin-top:15px}.orbit-a{width:95%;height:280px}.orbit-b{width:300px;height:420px}.profile-card{width:min(350px,90%)}.tag-one{right:0;top:60px}.tag-two{left:0;bottom:45px}.scroll-cue{bottom:15px}.stats{grid-template-columns:repeat(2,1fr);row-gap:22px}.stat:nth-child(2){border:0}.stat strong{font-size:26px}.section{padding-top:85px}.section-heading h2{font-size:42px}.about-grid,.journey-grid{grid-template-columns:1fr;gap:32px}.skills-grid{gap:10px}.skill-card{padding:17px 14px}.section-heading-row{align-items:start;gap:10px;flex-direction:column}.projects-grid{grid-template-columns:1fr}.project-featured{grid-column:auto;display:block}.project-featured .project-visual{min-height:230px}.project-featured .project-content{padding:22px}.project-count{padding:0}.journey-aside{grid-template-columns:1fr 1fr}.achievement-card{padding:16px}.achievement-card strong{font-size:19px}.certifications{padding-bottom:80px}.contact-panel{grid-template-columns:1fr;padding:30px 23px;gap:25px}.contact-section{padding-bottom:55px}.footer{padding:23px 0;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.cert-row{gap:10px}.cert-row strong{font-size:10px}.cert-year{font-size:7px}}
@media(max-width:390px){.social-note{font-size:7px}.journey-aside{grid-template-columns:1fr}.hero-role{font-size:14px}.button{padding:12px 13px}.profile-meta strong{font-size:9px}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

.avatar{overflow:visible;padding:0}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:50%;display:block}
.avatar-spark{z-index:2}

.cert-link{display:flex;text-decoration:none;color:inherit;transition:background .2s}
.cert-link:hover{background:rgba(109,140,255,.07)}
.cert-view{font:8px var(--mono);letter-spacing:.8px;color:var(--cyan);white-space:nowrap;margin-left:12px}
@media(max-width:520px){.cert-view{font-size:7px}.cert-row{align-items:flex-start}.cert-icon{width:32px;height:32px;flex-basis:32px}.cert-row small{line-height:1.6}}
