:root{--bg:#f5f8fb;--surface:#fff;--surface-soft:#eaf3f5;--ink:#102033;--muted:#4d6073;--line:#dce6ed;--navy:#133a59;--blue:#2472a3;--teal:#1aa6a6;--green:#43a36f;--amber:#dda44b;--shadow:0 18px 48px #1020331c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#edf6f8 0%,#f8fafc 42%,#f4f7fb 100%);margin:0;font-family:Inter,Avenir Next,Segoe UI,system-ui,sans-serif}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.82;transform:scale(1.04)}}@keyframes driftLine{0%{transform:translate(-22%)}to{transform:translate(22%)}}@keyframes floatNode{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanGlow{0%{transform:translate(-120%)}to{transform:translate(120%)}}main{min-height:100vh;overflow:hidden}nextjs-portal{display:none!important}.siteHeader{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #dce6ede6;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 36px);min-height:70px;margin:18px auto 0;padding:12px 14px;display:flex;position:sticky;top:0;box-shadow:0 14px 38px #10203314}.brand{align-items:center;gap:12px;font-weight:850;display:inline-flex}.brand span{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-size:.86rem;display:grid}.navLinks{align-items:center;gap:2px;display:flex}.navLinks a{min-height:42px;color:var(--muted);outline-offset:5px;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:.92rem;font-weight:750;display:inline-flex}.navLinks a:hover{background:var(--surface-soft);color:var(--navy)}.hero{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:center;gap:clamp(30px,6vw,86px);width:min(1180px,100% - 36px);min-height:auto;margin:0 auto;padding:clamp(44px,7vh,72px) 0 32px;display:grid}.heroCopy{max-width:690px;animation:.68s both fadeUp}.eyebrow,.sectionKicker,.period,.stack,.project p{color:var(--blue);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:0}h1{margin:16px 0 30px;font-size:clamp(3.6rem,6.2vw,6rem);font-weight:880;line-height:.98}.heroActions{flex-wrap:wrap;gap:10px;display:flex}.primaryAction,.secondaryAction{border:1px solid var(--navy);outline-offset:5px;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:820;display:inline-flex}.primaryAction{background:var(--navy);color:#fff}.secondaryAction{background:var(--surface);color:var(--navy)}.primaryAction:hover,.secondaryAction:hover{border-color:var(--teal);background:var(--teal);color:#fff}.dashboardPanel{color:#eaf7f8;box-shadow:var(--shadow);background:#102b42;border:1px solid #133a592e;border-radius:8px;animation:.82s .12s both fadeUp;position:relative;overflow:hidden}.dashboardPanel:before{content:"";filter:blur(28px);pointer-events:none;background:#1aa6a638;border-radius:999px;width:300px;height:300px;animation:5s ease-in-out infinite softPulse;position:absolute;inset:-35% auto auto 42%}.dashboardTop{z-index:1;color:#eaf7f8db;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 18px;font-size:.86rem;font-weight:800;display:flex;position:relative}.dashboardTop div{align-items:center;gap:10px;display:inline-flex}.dashboardTop strong{color:#7df0b4;text-transform:uppercase}.statusDot{background:var(--green);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 5px #43a36f29}.dashboardGrid{z-index:1;background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/34px 34px,linear-gradient(135deg,#1aa6a62e,#0000 60%);grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid;position:relative}.dashboardCard{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-height:128px;padding:16px;transition:transform .18s,border-color .18s,background .18s}.dashboardCard:hover{background:#ffffff1f;border-color:#7df0b46b;transform:translateY(-3px)}.featuredCard{grid-row:span 2}.dashboardCard span,.queryPreview span{color:#7df0b4;text-transform:uppercase;margin-bottom:10px;font-size:.74rem;font-weight:850;display:block}.dashboardCard strong{color:#fff;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.08;display:block}.dashboardCard p{color:#eaf7f8bd;margin:12px 0 0;font-size:.92rem;line-height:1.55}.queryPreview{z-index:1;border-top:1px solid #ffffff1f;padding:18px;position:relative}.queryPreview code{overflow-wrap:anywhere;color:#eaf7f8db;background:#0000002e;border:1px solid #ffffff1f;border-radius:8px;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.55;display:block}.metricBand{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1180px,100% - 36px);margin:0 auto 14px;display:grid}.metric,.aboutCard,.timelineItem,.project,.educationCard,.footer{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 14px 38px #1020330e}.metric{padding:24px;animation:.62s both fadeUp}.metric:nth-child(2){animation-delay:80ms}.metric:nth-child(3){animation-delay:.16s}.metric strong{color:var(--blue);font-size:clamp(2.05rem,3.5vw,3.15rem);line-height:1;display:block}.metric span{color:var(--muted);margin-top:8px;font-weight:700;display:block}.systemStrip{flex-wrap:wrap;gap:8px;width:min(1180px,100% - 36px);margin:0 auto 4px;display:flex}.systemStrip span{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:8px;padding:10px 13px;font-size:.84rem;font-weight:800}.section{width:min(1180px,100% - 36px);margin:0 auto;padding:clamp(26px,3.5vw,42px) 0;animation:.62s both fadeUp}.aboutSection,.stackSection{grid-template-columns:minmax(260px,.54fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,84px);display:grid}.sectionHeader{margin-bottom:24px;display:block}.compactHeader{margin-bottom:0;display:block}.section h2{max-width:740px;margin:0;font-size:clamp(1.9rem,2.45vw,2.65rem);font-weight:850;line-height:1.1}.section p{color:var(--muted);font-size:1.03rem;line-height:1.72}.aboutBody{gap:22px;display:grid}.aboutBody>p{max-width:760px;margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem)}.aboutCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.aboutCard{min-width:0;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.aboutCard span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:850;display:block}.aboutCard strong{overflow-wrap:anywhere;color:var(--ink);font-size:1rem;display:block}.timeline{gap:12px;display:grid}.timelineItem{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:clamp(22px,5vw,68px);padding:24px;display:grid}.timelineItem h3,.project h3{margin:10px 0 8px;font-size:clamp(1.24rem,1.9vw,1.72rem);line-height:1.12}.company{margin-bottom:8px;font-weight:750;color:var(--ink)!important}.location{margin:0;font-weight:800;color:var(--blue)!important;font-size:.88rem!important;line-height:1.35!important}.stack{color:var(--teal);margin-bottom:12px}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project{flex-direction:column;min-height:420px;padding:clamp(22px,4vw,34px);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.project:hover,.noteCard:hover,.aboutCard:hover{border-color:#1aa6a659;transform:translateY(-4px);box-shadow:0 20px 46px #1020331a}.projectVisual{background:#123b58;border:1px solid #133a591f;border-radius:8px;height:172px;margin-bottom:24px;position:relative;overflow:hidden}.projectVisual:after,.noteVisual:after{content:"";pointer-events:none;background:linear-gradient(#10203305,#1020332e),linear-gradient(90deg,#1aa6a633,#0000 44%);position:absolute;inset:0}.projectVisual img,.noteVisual img{object-fit:cover;width:100%;height:100%;transition:transform .36s;display:block}.project:hover .projectVisual img,.noteCard:hover .noteVisual img{transform:scale(1.055)}.projectVisual span:after{text-shadow:0 1px 12px #1020336b;place-items:center;display:grid;position:absolute;inset:0}.project p{color:var(--blue)}.project span{color:var(--muted);font-size:1.01rem;line-height:1.65;display:block}.projectActions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px;display:flex}.projectActions a{border:1px solid var(--line);min-height:38px;color:var(--navy);background:#ffffffc2;border-radius:8px;align-items:center;padding:0 12px;font-size:.84rem;font-weight:850;display:inline-flex}.projectActions a:hover{border-color:var(--teal);color:var(--teal)}.notesSection{display:block}.notesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.noteCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;min-height:340px;padding:clamp(22px,4vw,30px);transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 14px 38px #1020330e}.noteVisual{background:#123b58;border:1px solid #133a591f;border-radius:8px;height:156px;margin-bottom:22px;position:relative;overflow:hidden}.noteCard>span{color:var(--blue);text-transform:uppercase;margin-bottom:16px;font-size:.76rem;font-weight:850;display:block}.noteCard h3{margin-bottom:14px;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.12}.noteCard p{margin:0}.skillGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.skillGrid span{border:1px solid var(--line);min-height:64px;color:var(--navy);text-align:center;background:#ffffffc2;border-radius:8px;place-items:center;font-size:.92rem;font-weight:850;display:grid}.education{display:block}.educationIntro{max-width:720px;margin-bottom:18px}.educationIntro p{max-width:560px;margin:12px 0 0}.educationDetails{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.educationCard{border-left:4px solid var(--teal);background:var(--surface);border-radius:8px;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:18px;padding:22px;display:grid;box-shadow:0 14px 38px #1020330e}.schoolMark{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:62px;height:62px;font-size:.78rem;font-weight:900;display:grid}.asuMark{background:#8c1d40}.educationCard h3{margin:0 0 5px;font-size:1.12rem;line-height:1.2}.educationCard p{color:var(--ink);margin:0 0 6px;font-size:1rem;font-weight:780;line-height:1.45}.educationCard span{color:#2f4357;font-size:.98rem;font-weight:650;line-height:1.5;display:block}.footer{width:min(1180px,100% - 36px);color:var(--muted);justify-content:flex-end;align-items:center;gap:18px;margin:0 auto 24px;padding:18px 24px;display:flex}.footer a{color:var(--navy);font-weight:850}@media (max-width:980px){.hero,.aboutSection,.notesSection,.stackSection,.education,.sectionHeader,.timelineItem{grid-template-columns:1fr}.hero{padding-top:34px}.metricBand,.projectGrid,.notesGrid,.educationDetails{grid-template-columns:1fr}.aboutCards,.skillGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.siteHeader{flex-direction:column;align-items:flex-start}.brand strong{font-size:.98rem}.navLinks{flex-wrap:wrap;width:100%}.navLinks a{flex:auto;min-width:68px;padding:0 9px}.hero{padding-top:24px}h1{font-size:clamp(3.25rem,15vw,4.35rem)}.heroActions,.heroRole,.aboutCards{grid-template-columns:1fr;display:grid}.primaryAction,.secondaryAction{width:100%}.metric{flex-direction:column;align-items:flex-start}.dashboardGrid{grid-template-columns:1fr}.featuredCard{grid-row:auto}.skillGrid{grid-template-columns:1fr}.projectActions{grid-template-columns:1fr;display:grid}.educationCard{grid-template-columns:1fr}.schoolMark{width:58px;height:58px}.footer{flex-direction:column;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}