:root{--bg: #0a0d14;--bg-elevated: #101522;--panel: rgba(14, 19, 31, .92);--panel-soft: rgba(17, 23, 38, .88);--line: rgba(120, 154, 255, .15);--line-strong: rgba(124, 220, 255, .28);--text: #eef2ff;--muted: #a9b2ce;--cyan: #7bd4ff;--blue: #5c7cff;--lavender: #9b8cff;--green: #59d98e;--gold: #f0c65b;--shadow: 0 26px 80px rgba(0, 0, 0, .34);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--max-width: 1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(92,124,255,.18),transparent 28%),radial-gradient(circle at 88% 12%,rgba(123,212,255,.12),transparent 20%),linear-gradient(180deg,#090c14,#0b0f18 48%,#070a12)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(125deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 34px);opacity:.22;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 92%)}img{display:block;max-width:100%}a{color:inherit}#root{min-height:100vh}.page-shell{width:min(var(--max-width),calc(100% - 2rem));margin:0 auto;padding-bottom:5rem}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;background:#080b12c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{text-decoration:none;font-weight:800;letter-spacing:-.03em;color:var(--cyan)}.nav{display:flex;flex-wrap:wrap;gap:1.35rem}.nav a{text-decoration:none;color:#eef2ffdb;font-size:.95rem}.section{padding-top:5.5rem}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:2rem;align-items:center;min-height:calc(100vh - 104px)}.hero-copy,.about-card,.experience-card,.project-card,.skill-card,.education-card,.credential-card,.contact-card,.stat-card{background:linear-gradient(180deg,#101522f0,#0b0f19f0);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-copy,.about-card,.experience-card,.project-card,.skill-card,.education-card,.credential-card,.contact-card,.stat-card,.portrait-wrap{border-radius:var(--radius-xl)}.hero-copy,.about-card,.project-card,.skill-card,.education-card,.credential-card,.contact-card{padding:2rem}.eyebrow,.section-label{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--cyan)}h1,h2,h3{margin:0;font-family:Outfit,sans-serif;letter-spacing:-.04em}h1{margin-top:1rem;font-size:clamp(3.2rem,7vw,6.3rem);line-height:.94;max-width:10ch}h1 span,.section-heading h2 span{background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;color:transparent}.hero-text,.about-card p,.experience-copy p,.project-card p,.contact-card p{color:var(--muted);line-height:1.8;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.75rem}.centered-actions{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.82rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#08111d}.button-secondary{background:#ffffff05;border:1px solid rgba(123,212,255,.24);color:var(--text)}.hero-visual{display:flex;justify-content:center}.portrait-wrap{position:relative;width:min(100%,430px);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#141924}.portrait{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 20%;filter:saturate(.88) contrast(.97) brightness(1)}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.stat-card{padding:1.35rem 1.25rem}.stat-card strong{display:block;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--cyan)}.stat-card span{display:block;margin-top:.45rem;color:var(--muted)}.section-heading{margin-bottom:1.6rem;max-width:860px}.section-heading h2,.contact-card h2{margin-top:.55rem;font-size:clamp(2.3rem,5vw,4rem);line-height:1.03}.compact-heading{margin-bottom:1.2rem}.about-layout{display:grid;grid-template-columns:1fr}.pill-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.small-gap{gap:.65rem}.pill{display:inline-flex;align-items:center;min-height:36px;padding:.56rem .9rem;border-radius:999px;border:1px solid rgba(123,212,255,.24);background:#7bd4ff12;color:var(--cyan);font-size:.88rem;font-weight:700}.muted-pill{color:#c8cffd;background:#9b8cff1f;border-color:#9b8cff26}.experience-list,.projects-grid,.skills-grid,.education-grid,.credentials-grid{display:grid;gap:1.4rem}.detailed-list{gap:2rem}.experience-card{display:grid;grid-template-columns:1fr 170px;gap:1.5rem;padding:1.7rem;align-items:start}.detailed-card{align-items:start}.experience-card h3,.project-card h3,.skill-card h3{font-size:1.8rem}.experience-meta{margin:.5rem 0 1rem;color:var(--cyan);font-weight:700}.colorful-meta{font-size:clamp(1.1rem,2vw,1.35rem)}.company-name{color:var(--cyan)}.colorful-meta span:last-child{color:var(--gold)}.experience-points{display:grid;gap:1.35rem;margin-top:1.25rem}.experience-points p{margin:0;font-size:1.02rem;line-height:1.75;color:#eef2ffe0}.experience-aside{justify-self:end;text-align:right}.experience-aside strong{display:block;font-family:Outfit,sans-serif;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1;color:var(--cyan)}.experience-aside span,.project-period,.project-meta{color:var(--muted)}.projects-grid,.education-grid,.credentials-grid{grid-template-columns:repeat(2,1fr)}.project-card{min-height:100%}.project-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.project-badge{color:var(--cyan);font-size:.85rem;font-weight:700}.project-card h3{margin-bottom:.75rem}.project-meta{margin-top:1.35rem;font-weight:700}.skills-grid{grid-template-columns:repeat(2,1fr)}.education-card h3,.credential-card h3{font-size:1.6rem}.education-location{margin:.55rem 0 0;color:var(--muted)}.education-degree{margin:1rem 0 0;color:#eef2ffeb;font-weight:700}.education-period{margin:.45rem 0 0;color:var(--cyan)}.education-detail{margin:1rem 0 0;color:var(--muted);line-height:1.75}.credential-card p{color:var(--muted)}.credential-card a{display:inline-flex;margin-top:1rem;color:var(--cyan);font-weight:700;text-decoration:none}.contact-card{text-align:center;background:radial-gradient(circle at top,rgba(92,124,255,.18),transparent 40%),linear-gradient(180deg,#101522f5,#0a0e17f5)}.site-footer{padding:2.5rem 0 1rem;text-align:center;color:var(--muted);font-size:.92rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .62s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1080px){.hero,.experience-card,.projects-grid,.skills-grid,.education-grid,.credentials-grid,.stats-band{grid-template-columns:1fr}.experience-aside{justify-self:start;text-align:left}}@media (max-width: 760px){.page-shell{width:min(var(--max-width),calc(100% - 1rem))}.topbar{align-items:flex-start;flex-direction:column}.hero{min-height:auto;padding-top:1rem}.hero-copy,.about-card,.project-card,.skill-card,.education-card,.credential-card,.contact-card,.stat-card,.experience-card{padding:1.35rem}h1{font-size:clamp(2.6rem,13vw,4.4rem)}}