:root{
  --bg:#081018;
  --panel:#0d1721;
  --panel-2:#101d29;
  --text:#edf5f7;
  --muted:#9aaab4;
  --line:rgba(183,218,224,.14);
  --accent:#66e3ce;
  --accent-2:#7ccfff;
  --max:1180px;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(102,227,206,.08),transparent 30%),radial-gradient(circle at 10% 35%,rgba(124,207,255,.06),transparent 28%)}
a{color:inherit;text-decoration:none}
.background-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.section-wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,calc((100vw - var(--max))/2));background:rgba(8,16,24,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.1px}
.brand-mark{width:36px;height:36px;border:1px solid rgba(102,227,206,.35);display:grid;place-items:center;border-radius:10px;background:rgba(102,227,206,.08);color:var(--accent);font-family:'Space Grotesk',sans-serif;font-size:13px}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c6d2d7}.desktop-nav a{transition:.2s ease}.desktop-nav a:hover{color:var(--accent)}
.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:999px;color:var(--text)!important}.nav-cta:hover{border-color:rgba(102,227,206,.45);background:rgba(102,227,206,.06)}
.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:24px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;min-height:calc(100vh - 72px);padding-top:50px;padding-bottom:70px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b8c8cf;font-size:13px;letter-spacing:.02em;border:1px solid var(--line);padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.018)}
.pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(102,227,206,.08)}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.02;margin:0}h1{font-size:clamp(4rem,7vw,6.6rem);letter-spacing:-.055em;margin-top:22px}h1 span,h2 span{color:var(--accent)}
.hero-lead{font-size:20px;max-width:650px;color:#b4c2c9;margin:28px 0 0}
.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:13px;font-weight:700;font-size:14px;transition:.2s ease}.button-primary{background:var(--accent);color:#05251f}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,227,206,.18)}.button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.02)}.button-secondary:hover{border-color:rgba(124,207,255,.35);background:rgba(124,207,255,.05)}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:#7f929c;font-size:12px;margin-top:28px}.hero-meta span{padding-right:18px;border-right:1px solid var(--line)}.hero-meta span:last-child{border-right:0}
.hero-card-wrap{position:relative;min-height:550px;display:grid;place-items:center}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:300px;height:300px;background:rgba(102,227,206,.07);top:12%;right:6%}.orb-two{width:230px;height:230px;background:rgba(124,207,255,.06);bottom:9%;left:10%}
.profile-card{position:relative;width:min(100%,500px);border:1px solid rgba(185,220,225,.16);background:linear-gradient(180deg,rgba(16,29,41,.95),rgba(7,15,23,.97));border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:rotate(2deg)}
.card-topline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.16em;color:#81959f;border-bottom:1px solid var(--line);padding-bottom:14px}.code-window{margin-top:22px;background:#071017;border:1px solid rgba(255,255,255,.06);padding:20px;border-radius:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#d8e6e9}.code-row{display:grid;grid-template-columns:34px 1fr;gap:10px}.code-dim{color:#4b6772}.indent{padding-left:18px}.spacer{height:12px}.green{color:var(--accent)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat-strip>div{padding:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:15px}.stat-strip strong{display:block;font:700 25px/1 'Space Grotesk';color:#fff}.stat-strip small{display:block;color:#7f929c;font-size:10px;margin-top:6px}
.section-block{padding:115px 0;border-top:1px solid var(--line)}.section-kicker{font:600 12px/1 'Space Grotesk';color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:35px}h2{font-size:clamp(2.5rem,4.5vw,4.4rem);letter-spacing:-.045em} .about-copy{font-size:18px;color:#aebdc4}.about-copy p:first-child{margin-top:0}
.section-heading-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:34px;margin-bottom:45px}.section-heading-row p{max-width:350px;color:#8497a0;margin:0;font-size:15px}
.experience-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,29,41,.72),rgba(10,18,27,.68));border-radius:var(--radius);padding:30px;margin-bottom:22px}.experience-card.featured{border-color:rgba(102,227,206,.2);box-shadow:0 25px 60px rgba(0,0,0,.12)}
.experience-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.company-label{color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:700}.experience-head h3{font-size:31px;margin-top:7px}.date-pill{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#98aab2;font-size:12px;white-space:nowrap}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:27px 0}.metric-row>div{padding:16px 17px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.metric-row strong{display:block;font:700 29px/1 'Space Grotesk';color:#fff}.metric-row span{display:block;color:#7e929b;font-size:11px;margin-top:7px}
.experience-list{margin:0;padding-left:20px;color:#aebbc1}.experience-list li{margin:10px 0;padding-left:6px}.experience-list li::marker{color:#526873}
.skills-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px;margin-top:38px}.skill-intro p{color:#8ea0a8;max-width:310px;margin-top:22px}.skills-list{display:grid;gap:27px}.skill-group h3{font-size:16px;margin-bottom:13px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:12px;color:#a9bbc2;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.015)}
.education-list{margin-top:40px;border-top:1px solid var(--line)}.education-item{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.education-item.compact{padding-bottom:5px;border-bottom:0}.edu-year{color:#6f838d;font-size:13px}.degree-type{color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.edu-main h3{font-size:25px;margin-top:6px}.edu-main p{margin:8px 0 0;color:#9aabb2}.edu-note{display:inline-block;margin-top:13px;color:#768a94;font-size:12px;padding:7px 9px;border:1px solid var(--line);border-radius:9px}
.languages-section{padding-top:85px}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.language-card{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:18px}.language-card span{color:#dce7ea;font-weight:700}.language-card strong{font:700 25px/1 'Space Grotesk';color:var(--accent)}.language-card small{grid-column:1/-1;color:#7f929c}
.contact-section{padding-top:100px;padding-bottom:80px}.contact-card{border:1px solid rgba(102,227,206,.2);border-radius:30px;padding:44px;background:radial-gradient(circle at 88% 10%,rgba(102,227,206,.09),transparent 25%),linear-gradient(180deg,rgba(15,28,40,.95),rgba(9,18,26,.95));display:grid;grid-template-columns:1fr .9fr;gap:45px}.contact-card h2{margin-top:28px}.contact-card>p{grid-column:1;max-width:530px;color:#95a8b1;margin:25px 0 0}.contact-links{grid-column:2;grid-row:1/4;display:grid;align-content:center;gap:8px}.contact-links a,.contact-links>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.contact-links span{color:#6f838d;font-size:12px}.contact-links b{font-size:12px;color:#d7e4e7;text-align:right;word-break:break-word}.contact-links a:hover b{color:var(--accent)}
.site-footer{display:flex;justify-content:space-between;color:#5f747e;font-size:12px;padding:0 0 30px}
@media (max-width: 900px){.desktop-nav{display:none}.desktop-nav.open{display:flex;position:absolute;left:20px;right:20px;top:72px;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b151e;gap:4px}.desktop-nav.open a{padding:12px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-card-wrap{min-height:450px}.about-grid,.skills-grid,.contact-card{grid-template-columns:1fr;gap:35px}.contact-links{grid-column:auto;grid-row:auto}.contact-card>p{grid-column:auto}.section-heading-row{display:block}.section-heading-row p{margin-top:18px}.profile-card{transform:none}}
@media (max-width: 620px){.section-wrap{width:min(calc(100% - 28px),var(--max))}.site-header{padding:14px}.hero{padding-top:55px}.hero-lead{font-size:18px}h1{font-size:3.8rem}.hero-meta{display:grid;gap:8px}.hero-meta span{border-right:0;padding-right:0}.hero-card-wrap{min-height:390px}.profile-card{padding:17px}.metric-row{grid-template-columns:1fr}.experience-head{display:block}.date-pill{display:inline-block;margin-top:14px}.education-item{grid-template-columns:1fr;gap:8px}.language-grid{grid-template-columns:1fr}.site-footer{display:block}.site-footer span+span{display:block;margin-top:6px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}