:root{
  --bg:#06111e;--bg2:#081726;--panel:#0b1a2b;--panel2:#0d2034;--line:#1b3650;--text:#ecf5ff;--muted:#92a7bd;
  --accent:#6c7cff;--accent2:#22d3ee;--success:#22c993;--warning:#f4b942;--danger:#ff627d;--radius:22px;
  --shadow:0 25px 70px rgba(0,0,0,.32);--max:1480px;--header:76px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 3%,rgba(34,211,238,.08),transparent 22%),radial-gradient(circle at 82% 0,rgba(108,124,255,.1),transparent 26%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body.light{--bg:#edf4fb;--bg2:#f7fbff;--panel:#fff;--panel2:#f8fbff;--line:#c9d9e7;--text:#0a1725;--muted:#526577;--shadow:0 20px 60px rgba(14,45,74,.12)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}.section{padding:34px 0}.section-line{border-top:1px solid rgba(107,152,194,.2)}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;margin:0}h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.04em}.site-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px);background:rgba(6,17,30,.76);border-bottom:1px solid rgba(114,158,200,.18)}body.light .site-header{background:rgba(247,251,255,.84)}.nav-wrap{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;place-items:center;min-width:58px;height:42px;padding:0 10px;border:1px solid #55a6ff;border-radius:12px;font-family:"Space Grotesk";font-weight:800;letter-spacing:.08em;box-shadow:0 0 18px rgba(85,166,255,.22) inset,0 0 18px rgba(85,166,255,.14)}.brand-lockup b{display:block;font-size:15px}.brand-lockup small{display:block;color:var(--muted);font-size:11px;letter-spacing:.16em}.desktop-nav{display:flex;gap:28px;align-items:center}.desktop-nav a{font-size:13px;color:var(--muted);position:relative;padding:29px 0}.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:16px;width:0;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 12px var(--accent);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:26px}.nav-actions{display:flex;gap:10px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;cursor:pointer}.menu-btn{display:none;padding:10px}.menu-btn span{height:2px;background:var(--text);display:block;margin:6px 0}.mobile-menu{display:none}.hero{padding-top:20px}.hero-grid{display:grid;grid-template-columns:310px 1.45fr .78fr;gap:30px;align-items:stretch}.portrait-card,.vision-card,.metric-card,.skill-card,.experience-card,.learning-card,.project-card,.cert-card,.edu-card,.contact-form,.cta-card{background:linear-gradient(180deg,rgba(15,35,55,.92),rgba(7,23,38,.92));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}body.light .portrait-card,body.light .vision-card,body.light .metric-card,body.light .skill-card,body.light .experience-card,body.light .learning-card,body.light .project-card,body.light .cert-card,body.light .edu-card,body.light .contact-form,body.light .cta-card{background:linear-gradient(180deg,#fff,#f5faff)}.portrait-card{padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;box-shadow:inset 0 0 30px rgba(34,211,238,.05),0 20px 60px rgba(0,0,0,.25)}.portrait-ring{height:245px;border:1px solid rgba(112,180,255,.35);border-radius:28px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(108,124,255,.15),transparent 48%),#081522}.portrait-ring img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{text-align:center;color:#7d90a6}.avatar-placeholder span{display:block;font-size:86px;filter:drop-shadow(0 0 18px rgba(108,124,255,.26))}.avatar-placeholder small{display:block}.portrait-meta{text-align:center;color:#83a5c3;font-size:10px;letter-spacing:.2em;border:1px solid #23517a;padding:9px;border-radius:10px}.portrait-meta .status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2);margin-right:8px}.portrait-meta i{font-style:normal;margin:0 7px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:24px 8px}.eyebrow,.section-label{color:#7aa8ff;letter-spacing:.18em;font-weight:800;font-size:12px}.hero-copy h1{font-size:clamp(44px,5.2vw,84px);line-height:.98;letter-spacing:-.055em;margin:12px 0 16px}.hero-copy h1::first-line{background:linear-gradient(90deg,#fff 45%,#7ea4ff 72%,#9a73ff);-webkit-background-clip:text;background-clip:text;color:transparent}.role-line{font-family:"Space Grotesk";font-size:clamp(17px,1.7vw,26px);font-weight:700;min-height:32px}.typing-caret{display:inline-block;width:2px;height:24px;background:var(--accent2);vertical-align:-4px;margin-left:5px;animation:blink 1s infinite}.hero-intro{color:var(--muted);font-size:15px;max-width:760px;margin:16px 0 24px}.hero-actions,.social-row,.project-actions{display:flex;gap:12px;flex-wrap:wrap}.btn,.mini-btn,.social-row a,.filter-btn{border:1px solid #2b4967;background:#091827;color:var(--text);border-radius:12px;padding:12px 18px;font-weight:700;transition:.25s}.btn:hover,.mini-btn:hover,.social-row a:hover,.filter-btn:hover{transform:translateY(-2px);border-color:#6094ff;box-shadow:0 10px 26px rgba(76,115,255,.16)}.btn.primary,.mini-btn.primary,.filter-btn.active{border-color:transparent;background:linear-gradient(90deg,#398dff,var(--accent),#8a5cff);box-shadow:0 0 24px rgba(108,124,255,.26)}.social-row{margin-top:18px}.social-row a{padding:8px 12px;font-size:12px}.vision-card{position:relative;overflow:hidden;padding:34px 28px;min-height:320px;display:flex;flex-direction:column;justify-content:center}.vision-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(34,211,238,.05))}.planet{position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-120px;border:1px solid rgba(130,177,255,.4);box-shadow:inset 30px 0 70px rgba(46,108,255,.35),0 0 50px rgba(77,102,255,.14);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.18),rgba(72,111,255,.08) 28%,transparent 60%)}.vision-word{font-family:"Space Grotesk";font-size:clamp(30px,3vw,48px);font-weight:800;line-height:1.02;z-index:1;margin:0}.vision-word span{color:#91a2ff}.vision-tags{z-index:1;color:var(--muted);font-size:12px;margin-top:28px}.vision-tags i{font-style:normal;margin:0 10px}.vision-card small{z-index:1;margin-top:auto;color:#6686a5;letter-spacing:.15em}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.section-copy p,.section-head p{color:var(--muted)}.section-copy h2{margin:5px 0 12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{padding:24px 18px;text-align:center;min-height:160px;display:flex;flex-direction:column;justify-content:center}.metric-icon{font-size:28px;color:#7f91ff}.metric-card strong{font-size:20px;margin:8px 0 3px}.metric-card b{font-size:12px;color:var(--muted)}.micro-line{text-align:right;color:#506982;font-size:9px;letter-spacing:.18em;margin-top:14px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.section-head h2{margin-top:4px}.section-head p{max-width:520px;text-align:right;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skill-card{padding:20px}.skill-card-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.skill-card-title span{color:#7b94ff;font-size:24px}.skill-card-title h3{font-size:18px}.skill-item{margin-top:14px}.skill-meta{display:flex;justify-content:space-between;font-size:12px}.skill-meta span{font-weight:700}.skill-meta em{font-style:normal;margin-left:7px;font-size:9px;padding:2px 6px;border-radius:999px;background:rgba(34,211,238,.1);color:var(--accent2)}.skill-meta b{color:#8aa4c0}.skill-track,.progress-bar,.project-progress>div:last-child{height:7px;border-radius:99px;background:#07121e;border:1px solid #16324b;overflow:hidden;margin-top:7px}.skill-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 12px rgba(108,124,255,.4);transition:1s cubic-bezier(.2,.8,.2,1)}.skill-item.animate .skill-track i{width:var(--target)}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learning-card{padding:22px}.learning-top{display:flex;align-items:center;gap:8px;color:#79def0}.pulse{width:8px;height:8px;background:var(--accent2);border-radius:50%;box-shadow:0 0 0 0 rgba(34,211,238,.5);animation:pulse 1.8s infinite}.learning-card h3{font-size:18px;margin:16px 0 4px}.learning-card p{color:var(--muted);margin:0}.progress-label{display:flex;justify-content:space-between;margin-top:18px;font-size:11px}.progress-bar i,.project-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.learning-card a{display:inline-block;margin-top:14px;color:#86a7ff;font-size:12px}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.experience-card{padding:20px;display:grid;grid-template-columns:54px 1fr;gap:16px}.company-mark{width:54px;height:54px;border:1px solid #3c5b7a;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#dfe9ff;background:#11213a}.experience-title{display:flex;justify-content:space-between;gap:14px}.experience-title h3{font-size:16px}.experience-title h3 span{color:#7daaff}.experience-title small{color:var(--muted)}.experience-title em{font-size:10px;font-style:normal;border:1px solid #315075;padding:5px 8px;border-radius:8px;height:max-content;color:#9ab9dc}.experience-card ul{padding-left:18px;color:#a8bacb;font-size:12px}.experience-card li::marker{color:#48a8ff}.project-toolbar{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.filter-btn{padding:8px 13px;font-size:11px;cursor:pointer}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease,border-color .25s,opacity .3s}.project-card.hidden{display:none}.project-media{height:160px;background:#d8e0e7;position:relative;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover}.mock-dashboard{position:absolute;inset:16px;background:#f8fbff;border-radius:8px;padding:9px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:24px 1fr;gap:7px}.mock-dashboard i{background:#dbe9f6;border-radius:5px}.mock-dashboard span{grid-column:1/3;background:linear-gradient(180deg,#e9f2fa,#dbe9f4);border-radius:5px}.mock-dashboard b{background:linear-gradient(180deg,#e0e7ff,#cdd8fb);border-radius:5px}.status-chip{position:absolute;right:10px;top:10px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;background:#0c1b29;color:#dbe9f8;border:1px solid #36536e}.status-chip.live,.status-chip.completed{color:#c7ffef;border-color:#2b8c6d;background:#0d2d28}.status-chip.in_progress{color:#dddbff;border-color:#685ff5;background:#1a1944}.status-chip.planned{color:#ffe4aa;border-color:#8c6d2d;background:#2a2210}.project-body{padding:16px}.project-body h3{font-size:16px;line-height:1.2}.project-body p{color:var(--muted);font-size:11px;min-height:52px}.tech-pills{display:flex;gap:5px;flex-wrap:wrap}.tech-pills span{font-size:9px;border:1px solid #29455e;padding:4px 6px;border-radius:7px;color:#a6bad0}.mini-btn{padding:7px 9px;font-size:10px}.project-actions{margin-top:14px}.quiet{color:#627e99;font-size:10px}.project-progress{margin-top:12px}.project-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px}.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cert-card{padding:16px;display:grid;grid-template-columns:42px 1fr;gap:12px}.cert-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#102c49,#111c36);display:grid;place-items:center;color:#7ed7ff;font-size:22px}.cert-card h3{font-size:13px;line-height:1.2}.cert-card p,.cert-card span,.cert-card a{display:block;font-size:9px;margin:3px 0;color:var(--muted)}.cert-card a{color:#7ca8ff}.status-text{color:#72dbc3!important}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.timeline:before{content:"";position:absolute;left:2%;right:2%;top:22px;height:1px;background:#28455f}.edu-card{padding:18px;display:grid;grid-template-columns:40px 1fr;gap:12px;position:relative}.timeline-dot{position:absolute;left:-2px;top:17px;width:10px;height:10px;border-radius:50%;background:#78a8ff;box-shadow:0 0 12px #4c8cff;border:2px solid #dff3ff}.edu-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#10233b;color:#95b9ff}.edu-card h3{font-size:14px}.edu-card b{display:block;color:#b4c5d8;font-size:10px}.edu-card small{display:block;color:#72a0d2;margin-top:2px}.edu-card p{font-size:10px;color:var(--muted);margin:5px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.3fr .82fr;gap:20px;align-items:stretch}.contact-copy h2{margin-top:5px}.contact-copy h3{font-size:18px;margin-top:8px}.contact-copy p{color:var(--muted);font-size:12px}.contact-list{display:grid;gap:7px;font-size:11px}.contact-form{padding:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #2b465f;background:#081725;color:var(--text);border-radius:10px;padding:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#6c7cff;box-shadow:0 0 0 3px rgba(108,124,255,.1)}.contact-form textarea{height:110px;resize:vertical;margin:10px 0}.contact-form .btn{width:100%}.form-success{color:#7ce4c7;font-size:12px}.cta-card{padding:28px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:240px;height:80px;border:2px solid #3ea0ff;border-left:0;border-bottom:0;border-radius:50%;right:-70px;bottom:-45px;transform:rotate(-10deg);box-shadow:0 0 30px rgba(62,160,255,.22)}.paper-plane{font-size:48px;color:#4d96ff;filter:drop-shadow(0 0 18px rgba(77,150,255,.4))}.cta-card h3{font-size:30px;line-height:1.02;margin:12px 0}.cta-card h3 span{color:#6f9dff}.cta-card p{color:var(--muted);font-size:12px}.footer{border-top:1px solid var(--line);padding:18px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.footer-links{display:flex;gap:18px;color:var(--muted);font-size:11px}.footer-note{text-align:right}.footer-note span,.footer-note small{display:block}.footer-note small{color:#60778f;font-size:9px;letter-spacing:.1em}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(55,139,255,.08),transparent 64%);transform:translate(-50%,-50%)}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;z-index:-2}.ambient-a{width:360px;height:360px;background:#285cff;left:-180px;top:18vh}.ambient-b{width:420px;height:420px;background:#2ccbe0;right:-220px;top:58vh}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}@keyframes blink{50%{opacity:0}}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(34,211,238,0)}}
@media (max-width:1180px){.hero-grid{grid-template-columns:240px 1fr}.vision-card{grid-column:1/-1;min-height:220px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr 1.5fr}.cta-card{grid-column:1/-1}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.experience-grid{grid-template-columns:1fr}}
@media (max-width:820px){.shell{width:min(100% - 28px,var(--max))}.desktop-nav{display:none}.menu-btn{display:block}.mobile-menu.open{display:grid;padding:12px 20px 18px;border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:8px}.mobile-menu a{padding:10px;color:var(--muted)}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.portrait-card{min-height:auto}.portrait-ring{height:320px}.vision-card{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr 1fr}.learning-grid,.timeline{grid-template-columns:1fr}.timeline:before{display:none}.cert-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-note{text-align:center}.footer-links{justify-content:center}.footer .brand-lockup{justify-content:center}.section-head{align-items:flex-start;flex-direction:column}.section-head p{text-align:left}.skills-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.section{padding:28px 0}.hero-copy h1{font-size:43px}.skills-grid,.projects-grid,.cert-grid,.stats-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.experience-card{grid-template-columns:1fr}.experience-title{flex-direction:column}.project-media{height:190px}.brand-lockup b{font-size:12px}.brand-mark{min-width:48px}.nav-wrap{height:66px}.social-row a{flex:1;text-align:center}.hero-actions .btn{flex:1;text-align:center}.portrait-ring{height:270px}.footer-links{flex-wrap:wrap}}