:root{
  --bg:#ffffff; --surface:rgba(255,255,255,.94); --ink:#111833; --muted:#5a6483; --line:#dbe1ef;
  --accent:#f0a000; --accent2:#e65b0a; --accent-ink:#171717; --glow:rgba(240,160,0,.18);
  --shadow:0 10px 30px rgba(17,24,51,.07);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#101114; --surface:rgba(25,26,31,.94); --ink:#f2f3f5; --muted:#b0b3bf; --line:#343640;
  --accent:#ffb526; --accent2:#f07818; --accent-ink:#171717; --glow:rgba(255,181,38,.16);
  --shadow:0 10px 30px rgba(0,0,0,.24);
  color-scheme:dark;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0; font-family:"IBM Plex Sans",system-ui,sans-serif; font-size:17px; line-height:1.7;
  color:var(--ink); background-color:var(--bg);
  background-image:radial-gradient(ellipse at 16% 12%,rgba(240,160,0,.14),transparent 34%),radial-gradient(ellipse at 80% 34%,rgba(37,148,255,.2),transparent 44%),radial-gradient(ellipse at 55% 78%,rgba(139,76,255,.12),transparent 42%);
  background-attachment:fixed;
}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.tech-background{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:1}
.wrap{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:0 24px}
:root[data-theme="dark"] body{
  background-image:radial-gradient(ellipse at 16% 12%,rgba(255,155,28,.12),transparent 34%),radial-gradient(ellipse at 80% 34%,rgba(37,148,255,.2),transparent 44%),radial-gradient(ellipse at 55% 78%,rgba(139,76,255,.15),transparent 42%);
}
:root[data-theme="dark"] nav{background:rgba(25,26,31,.82)}

/* ---------- Navigation ---------- */
nav{
  position:sticky; top:12px; z-index:10; margin-top:16px;
  display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  padding:12px 22px; border-radius:999px; border:1px solid var(--line);
  background:var(--surface);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:var(--shadow);
}
nav b{
  font-family:"Orbitron",sans-serif; font-weight:800; font-size:1.2rem; letter-spacing:.04em;
  background:linear-gradient(90deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--muted);padding:6px 14px;border-radius:999px;font-size:.95rem;transition:background .2s,color .2s}
nav a:hover{background:var(--glow);color:var(--ink)}
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;
  padding:7px 12px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);color:var(--ink);font:500 .8rem "IBM Plex Sans",sans-serif;
  cursor:pointer;transition:background .2s,border-color .2s,color .2s;
}
.theme-toggle:hover{border-color:var(--accent);background:var(--glow)}
.theme-toggle-icon{color:var(--accent);font-size:1rem;line-height:1}

/* ---------- Hero ---------- */
.hero{padding:70px 0 64px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);align-items:center;gap:48px}
.hero-content{min-width:0}
.hero-eyebrow{margin:0 0 4px;color:var(--muted);font:500 .68rem Consolas,"Courier New",monospace;letter-spacing:.1em}
.hero-eyebrow span{color:var(--accent)}
h1{
  font-family:"Space Grotesk",sans-serif; font-weight:700;
  font-size:clamp(2.5rem,4.6vw,3.8rem); line-height:1.02; letter-spacing:-.055em; margin:0 0 4px;
}
h1 span{
  display:inline;
  background:linear-gradient(90deg,var(--accent),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-program{margin:0 0 4px;color:var(--ink);font-size:.9rem}
.hero-program span{padding:0 4px;color:var(--accent)}
.hero-intro{margin:28px 0 22px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.hero-intro-label{margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid var(--line);color:var(--ink);font:500 .64rem Consolas,"Courier New",monospace;letter-spacing:.08em}
.hero-intro>p:last-child{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  display:inline-block; padding:9px 16px; border-radius:8px; font-weight:500; font-size:.82rem;text-decoration:none;
  border:1.5px solid var(--line); background:var(--surface); transition:transform .2s, box-shadow .2s, border-color .2s;
}
.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}
.btn.main{background:#ffb000;border-color:#ffb000;color:#171717}
.btn.main:hover{background:#f0a000;border-color:#f0a000}
.profile-link{border-style:dashed}
.hero-email{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--ink);font:500 .7rem Consolas,"Courier New",monospace;text-decoration:none}
.hero-email span:first-child{color:var(--muted)}
.hero-email span:last-child{color:var(--muted)}
.hero-email:hover{color:var(--accent2)}
.hero-profile{position:relative;min-width:0;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line);border-radius:20px;background:#f1f3f5;box-shadow:var(--shadow)}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.94) contrast(1.02)}
.hero-photo-caption{position:absolute;right:0;bottom:30px;left:0;display:flex;flex-direction:column;padding:46px 20px 12px;background:linear-gradient(transparent,rgba(15,23,42,.78));color:#fff}
.hero-photo-caption strong{font-family:"Space Grotesk",sans-serif;font-size:.95rem}
.hero-photo-caption span{font-size:.7rem}
.hero-photo-footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--surface);color:var(--muted);font:500 .58rem Consolas,"Courier New",monospace;letter-spacing:.03em}

@media (max-width:760px){
  .hero{padding:46px 0 38px;grid-template-columns:1fr;gap:24px}
  .hero-content{grid-row:2}
  .hero-profile{grid-row:1;width:min(100%,360px);aspect-ratio:4/5;justify-self:center}
  h1{font-size:clamp(2.35rem,9vw,3.5rem)}
}

/* ---------- Interactive terminal ---------- */
.terminal-section{padding:34px;background:var(--surface);color:var(--ink);border-color:var(--line)}
.terminal-section h2{margin:0 0 4px;color:var(--ink);font-size:1.55rem}
.terminal-section h2::before{display:none}
.terminal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.terminal-heading p{margin:0;color:var(--muted);font-size:.88rem}
.terminal-commands{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:440px}
.terminal-commands>span{margin-right:4px;color:#8990a2;font:400 .72rem Consolas,monospace}
.terminal-commands button{padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:500 .72rem Consolas,monospace;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.terminal-commands button:hover,.terminal-commands button:focus-visible{border-color:var(--accent);background:#f1f3ff;color:var(--accent)}
.terminal-window{overflow:hidden;min-height:315px;border:1px solid #303138;border-radius:13px;background:#08090c;color:#eef0f6;box-shadow:0 14px 35px rgba(0,0,0,.24)}
.terminal-bar{display:flex;align-items:center;gap:14px;min-height:42px;padding:0 14px;border-bottom:1px solid #292a30;background:#17181d;color:#9da2b1;font:400 .7rem Consolas,monospace}
.terminal-lights{display:flex;gap:7px}
.terminal-lights i{width:10px;height:10px;border-radius:50%;background:#ed4260}
.terminal-lights i:nth-child(2){background:#f5a623}
.terminal-lights i:nth-child(3){background:#00b981}
.terminal-body{padding:16px 18px;font:400 .78rem/1.7 Consolas,"Courier New",monospace}
.terminal-welcome{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #1e2026;color:#83899a;font-size:.7rem}
.terminal-welcome strong{color:#ffbd36}
.terminal-output{max-height:210px;overflow:auto}
.terminal-entry{margin:0 0 11px}
.terminal-entry-command{margin-bottom:3px;color:#00dfa1}
.terminal-entry-command span{color:#ffbd36}
.terminal-entry-result{padding-left:12px;border-left:1px solid #33353e;color:#e0e3eb;white-space:pre-wrap}
.terminal-entry-result a{color:#80a1ff}
.terminal-form{display:flex;align-items:center;gap:8px;margin-top:8px}
.terminal-prompt{flex:none;color:#00dfa1}
.terminal-form input{flex:1;min-width:0;padding:5px 0;border:0;outline:0;background:transparent;color:#eef0f6;font:inherit}
.terminal-form input::placeholder{color:#687083}
.terminal-form button{border:0;background:transparent;color:#a6a9b5;font:1rem Consolas,monospace;cursor:pointer}
.terminal-form button:hover{color:#00dfa1}

/* ---------- Sections as cards ---------- */
section{
  background:var(--surface); border:1px solid var(--line); border-radius:24px;
  padding:44px; margin:0 0 24px; box-shadow:var(--shadow);
}
h2{
  font-family:"Orbitron",sans-serif; font-size:clamp(1.35rem,2.7vw,1.8rem); font-weight:600; letter-spacing:-.035em; margin:0 0 26px;
  display:flex; align-items:center; gap:14px;
}
h2::before{content:"";width:8px;height:32px;border-radius:4px;background:linear-gradient(var(--accent),var(--accent2))}
h3{font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 6px}
p{margin:0 0 14px}

/* ---------- About ---------- */
.about-section{background:var(--surface)}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.about-card{display:flex;min-width:0;min-height:300px;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 4px 14px rgba(17,24,51,.05)}
.about-card-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:14px;border-radius:11px}
.about-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.background-icon{background:#fff5df;color:#d99000}
.interests-icon{background:#edf5ff;color:#3586e8}
.goals-icon{background:#e8f8f1;color:#00a879}
.strengths-icon{background:#f5edff;color:#a245e8}
.about-card h3{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.35}
.about-card-subtitle{margin:2px 0 14px;color:var(--muted);font:400 .68rem Consolas,"Courier New",monospace}
.about-card>p:not(.about-card-subtitle){margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}
.about-card-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.about-card-list li{position:relative;padding-left:17px;color:var(--ink);font-size:.83rem;line-height:1.55}
.interest-list li::before,.strengths-list li::before{position:absolute;left:1px;top:0;color:var(--accent2);content:"•";font-size:1.1rem;line-height:1.35}
.strengths-list li::before{content:"✓";font-size:.88rem;font-weight:700}
.about-card-footer{margin-top:auto;padding-top:13px;border-top:1px solid #e8ebf1;color:var(--muted);font:400 .65rem Consolas,"Courier New",monospace}
.goals-footer{color:#008e68;font-weight:600}

/* ---------- Skills ---------- */
#skills{
  color:var(--ink); background:var(--surface); border-color:var(--line);
}
.skills-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.skills-header h2{margin-bottom:8px;color:var(--ink)}
.skills-header h2::before{display:none}
.skills-header>div>p:last-child{max-width:40em;margin:0;color:var(--muted);font-size:.95rem}
.skills-eyebrow{margin:0 0 4px;color:var(--accent);font:700 .65rem "IBM Plex Sans",sans-serif;letter-spacing:.14em}
.skill-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f7f8fc}
.skill-filter{padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:500 .78rem "IBM Plex Sans",sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.skill-filter:hover{background:#fff5df;color:#a95f00}
.skill-filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skill-filter.is-active{background:var(--accent);color:var(--accent-ink)}
.skill-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:40px}
.skill-panel{min-height:250px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(17,24,51,.05)}
.skill-panel[hidden]{display:none}
.skill-panel h3{margin:0 0 6px;color:var(--ink);font-size:1.05rem}
.skill-panel>p{margin:0 0 14px;color:var(--muted);font:400 .7rem Consolas,"Courier New",monospace}
.skill-panel>p::after{content:"";display:block;height:1px;margin-top:14px;background:var(--line)}
.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none}
.skill-list li{padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:#f7f8fc;color:var(--ink);font:500 .73rem Consolas,"Courier New",monospace}
.soft-skills{min-height:320px}
.soft-skills h3{padding-bottom:12px;border-bottom:1px solid var(--line);font-size:1.15rem}
.soft-skills h3::before{display:none}
.soft-skill-list{display:grid;gap:14px;margin:14px 0 0;padding:0;list-style:none}
.soft-skill-list li{min-width:0}
.soft-skill-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--ink);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:.84rem;font-weight:600;letter-spacing:normal;line-height:1.45}
.soft-skill-heading strong{flex:none;color:#b77800;font:700 .72rem Consolas,"Courier New",monospace}
.soft-skill-meter{height:6px;margin:6px 0 5px;overflow:hidden;border-radius:999px;background:#e8e9ed}
.soft-skill-meter span{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.soft-skill-list li p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}
.skill-panel:not(.soft-skills) h3::before{content:"‹›";margin-right:8px;color:var(--accent);font:700 .9rem Consolas,"Courier New",monospace}
.technical-skill-panel{display:flex;flex-direction:column}
.technical-skill-panel .skill-list{margin-top:0}
.technical-skill-panel .skill-list li{overflow-wrap:anywhere}
.skill-panel-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:#008e68;font:500 .68rem Consolas,"Courier New",monospace}
.skill-panel-footer::before{content:"✓";margin-right:7px;color:#00a879;font-family:"IBM Plex Sans",sans-serif;font-weight:700}

/* ---------- Projects ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.proj{
  background:var(--bg); border:1px solid var(--line); border-radius:18px; padding:26px;
  transition:transform .25s, box-shadow .25s, border-color .25s; position:relative; overflow:hidden;
}
.proj::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.proj:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--accent)}
.proj p{color:var(--muted);font-size:.96rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tags span{font-size:.82rem;color:#a95f00;font-weight:600;padding:7px 10px;border-radius:999px;background:rgba(240,160,0,.09);border:1px solid rgba(240,160,0,.2)}

.project-visual{
  margin:0 0 20px; border-radius:18px; background:#f2f4f8;
  border:1px solid rgba(240,160,0,.2); height:170px; overflow:hidden;
}
.project-image{display:block;width:100%;height:100%;object-fit:cover}

.capstone-project{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;
  padding:0;background:#fff;border-color:var(--line);box-shadow:0 10px 28px rgba(17,24,51,.08);
}
.capstone-project::before{display:none}
.capstone-project:hover{transform:translateY(-3px);border-color:#c5cde4}
.capstone-visual{position:relative;display:flex;min-height:430px;height:100%;flex-direction:column;margin:0;border:0;border-right:1px solid var(--line);border-radius:17px 0 0 17px;background:#edf0f5}
.capstone-image-bar{display:flex;align-items:center;gap:12px;min-height:38px;padding:0 14px;background:#f8f9fc;border-bottom:1px solid var(--line);color:var(--muted);font:500 .66rem Consolas,"Courier New",monospace;letter-spacing:.04em}
.capstone-image-bar>span:first-child{display:flex;gap:5px}
.capstone-image-bar i{width:8px;height:8px;border-radius:50%;background:#ed4260}
.capstone-image-bar i:nth-child(2){background:#f5a623}
.capstone-image-bar i:nth-child(3){background:#00b981}
.capstone-visual .project-image{flex:1;min-height:0;object-fit:cover}
.capstone-image-caption{position:absolute;bottom:14px;left:14px;padding:5px 9px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:rgba(255,255,255,.92);color:var(--ink);font-size:.72rem;font-weight:600}
.capstone-details{padding:25px 26px}
.capstone-kicker,.capstone-label{margin:0 0 7px;color:var(--accent);font:700 .65rem Consolas,"Courier New",monospace;letter-spacing:.08em}
.capstone-details h3{margin:0 0 7px;color:var(--ink);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.35}
.capstone-school{margin:0;color:var(--muted);font:400 .72rem Consolas,"Courier New",monospace}
.capstone-divider{height:1px;margin:17px 0;background:var(--line)}
.capstone-details .capstone-label:not(:first-child){margin-top:14px}
.capstone-description{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}
.capstone-features{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.capstone-features li{position:relative;padding-left:19px;color:var(--ink);font-size:.82rem}
.capstone-features li::before{position:absolute;left:0;top:.12em;color:#d99000;content:"✓";font-weight:700}

/* ---------- Education ---------- */
.tl{border-left:2px solid var(--line);padding-left:28px;margin:0}
.tl div{position:relative;margin-bottom:28px}
.tl div:last-child{margin-bottom:0}
.tl div::before{
  content:"";position:absolute;left:-37px;top:7px;width:14px;height:14px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 5px var(--glow);
}
.tl small{color:var(--muted);font-size:.95rem}

#certificates.certificates-section{
  padding:40px; color:var(--ink); background:var(--surface); border-color:var(--line);
  box-shadow:var(--shadow);
}
.cert-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.cert-header h2{margin-bottom:8px;color:var(--ink);font-size:clamp(1.55rem,3vw,2rem)}
.cert-header h2::before{display:none}
.cert-header p{max-width:40em;margin:0;color:var(--muted);font-size:.95rem}
.cert-stats{display:flex;gap:10px;flex:none}
.cert-stats div{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.cert-stats strong{color:var(--ink);font-family:"Orbitron",sans-serif;font-size:1.05rem}
.cert-stats span{color:var(--muted);font-size:.78rem;white-space:nowrap}
.cert-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}
.cert-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.cert-filter{padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:500 .78rem "IBM Plex Sans",sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.cert-filter span{margin-left:4px;padding:1px 5px;border-radius:5px;background:#e8eaf2;color:#56607b;font-size:.68rem}
.cert-filter:hover{background:#fff5df;color:#a95f00}
.cert-filter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cert-filter.is-active{background:var(--accent);color:var(--accent-ink)}
.cert-filter.is-active span{background:rgba(255,255,255,.2);color:inherit}
.cert-search{display:block;flex:0 1 235px}
.cert-search input{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:11px;outline:none;background:var(--surface);color:var(--ink);font:400 .8rem "IBM Plex Sans",sans-serif}
.cert-search input::placeholder{color:#7b8298}
.cert-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
.cert-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.cert-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 4px 14px rgba(17,24,51,.05);transition:transform .2s,border-color .2s,box-shadow .2s}
.cert-card[hidden]{display:none}
.cert-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}
.cert-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.cert-preview{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}
.cert-preview img{display:block;width:100%;height:100%;object-fit:contain}
.cert-info{padding:14px 15px 16px}
.cert-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.cert-provider{color:var(--accent);font-size:.69rem;font-weight:600}
.cert-status{color:#25804a;font-size:.66rem}
.cert-info h3{margin:0 0 5px;color:var(--ink);font-size:1rem;line-height:1.35}
.cert-info p{margin:0;color:var(--muted);font-size:.78rem}
.cert-empty{margin:22px 0 0;color:var(--muted);text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Contact ---------- */
#contact{background:#fff;color:var(--ink)}
.contact-header{padding-bottom:24px;border-bottom:1px solid var(--line)}
.contact-header h2{margin-bottom:8px}
.contact-header h2::before{display:none}
.contact-header>div>p:last-child{max-width:40em;margin:0;color:var(--muted);font-size:.95rem}
.contact-eyebrow{margin:0 0 4px;color:var(--accent);font:700 .65rem "IBM Plex Sans",sans-serif;letter-spacing:.14em}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.contact-card{display:flex;min-width:0;min-height:180px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(17,24,51,.05)}
.contact-label{margin:0 0 10px;color:var(--accent);font:500 .68rem Consolas,"Courier New",monospace;letter-spacing:.06em}
.contact-card h3{margin:0 0 5px;color:var(--ink);font-size:1rem}
.contact-card>p:not(.contact-label){margin:0;color:var(--muted);font-size:.82rem}
.contact-action,.contact-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:.8rem}
.contact-action{color:var(--accent);font-weight:600;text-decoration:none}
.contact-action span{margin-left:3px}
.contact-action:hover{text-decoration:underline}
.contact-card-footer{color:var(--muted)}

/* ---------- Night mode ---------- */
:root[data-theme="dark"] body,
:root[data-theme="dark"] section,
:root[data-theme="dark"] nav,
:root[data-theme="dark"] .about-section,
:root[data-theme="dark"] .about-card,
:root[data-theme="dark"] .terminal-section,
:root[data-theme="dark"] #certificates.certificates-section,
:root[data-theme="dark"] #skills,
:root[data-theme="dark"] #contact{
  background-color:var(--surface);
}
:root[data-theme="dark"] body{
  background-color:var(--bg);
}
:root[data-theme="dark"] .hero-intro,
:root[data-theme="dark"] .hero-photo-footer,
:root[data-theme="dark"] .skill-panel,
:root[data-theme="dark"] .contact-card,
:root[data-theme="dark"] .cert-card,
:root[data-theme="dark"] .cert-preview,
:root[data-theme="dark"] .cert-stats div,
:root[data-theme="dark"] .cert-filters,
:root[data-theme="dark"] .skill-filters{
  background-color:var(--surface);
}
:root[data-theme="dark"] .skill-list li,
:root[data-theme="dark"] .cert-filter span{
  background-color:#25262c;
  color:var(--ink);
}
:root[data-theme="dark"] .cert-search input,
:root[data-theme="dark"] .terminal-commands button{
  border-color:var(--line);
  background-color:#202126;
  color:var(--ink);
}
:root[data-theme="dark"] .terminal-commands button:hover,
:root[data-theme="dark"] .terminal-commands button:focus-visible{
  background-color:#2a2b31;
}
:root[data-theme="dark"] .capstone-project{
  background-color:var(--surface);
}
:root[data-theme="dark"] .capstone-visual{
  background-color:#202126;
}
:root[data-theme="dark"] .capstone-image-bar{
  background-color:#191a1f;
}
:root[data-theme="dark"] .about-card-footer{
  border-color:var(--line);
}
:root[data-theme="dark"] .soft-skill-heading strong,
:root[data-theme="dark"] .skill-panel-footer{
  color:#55d6a5;
}
:root[data-theme="dark"] .soft-skill-meter{
  background:#3a3b42;
}
:root[data-theme="dark"] .contact-card{
  border-color:var(--line);
}
:root[data-theme="dark"] .cert-status{
  color:#6bd59a;
}
:root[data-theme="dark"] .tags span{
  color:#ffd27a;
}
:root[data-theme="dark"] .hero-profile{
  background-color:#202126;
}

/* ---------- Footer ---------- */
footer{padding:24px 0 56px;color:var(--muted);font-size:.95rem;text-align:center}

/* ---------- Mobile ---------- */
@media (max-width:700px){
  .about-grid{grid-template-columns:1fr}
  .about-card{min-height:0;padding:22px}
  section{padding:28px 22px;border-radius:20px}
  nav{border-radius:24px;justify-content:center}
  nav ul{justify-content:center}
  .hero{padding:60px 0 44px}
  .skills-header{align-items:stretch;flex-direction:column;gap:16px}
  .skill-filters{align-self:stretch;max-width:100%;flex-wrap:wrap}
  .skill-panels{grid-template-columns:1fr;margin-top:24px}
  .skill-panel,.soft-skills{min-height:0}
  .grid{grid-template-columns:minmax(0,1fr)}
  .proj{min-width:0}
  .capstone-project{grid-template-columns:1fr}
  .capstone-visual{min-height:280px;height:300px;border-right:0;border-bottom:1px solid var(--line);border-radius:17px 17px 0 0}
  .capstone-details{padding:22px}
  .terminal-section{padding:25px 20px}
  .terminal-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .terminal-commands{justify-content:flex-start}
  #certificates.certificates-section{padding:28px 22px}
  .cert-header,.cert-controls{align-items:stretch;flex-direction:column}
  .cert-stats{align-self:flex-start}
  .cert-filters{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .cert-filter{min-width:0;padding:8px 6px;white-space:normal;text-align:center}
  .cert-search{flex-basis:auto}
  .contact-grid{grid-template-columns:1fr}
}
@media (min-width:701px) and (max-width:960px){
  .skill-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .wrap{padding-right:12px;padding-left:12px}
  nav{gap:8px;padding:10px 12px}
  nav ul{width:100%;gap:2px}
  nav a{padding:6px 9px;font-size:.84rem}
  .hero{padding:44px 0 34px;gap:20px}
  h1{font-size:clamp(2.65rem,13vw,3.2rem)}
  .hero p{font-size:1.05rem}
  section{padding:24px 16px}
  h2{font-size:1.7rem}
  .skills-header h2{font-size:1.65rem}
  .skill-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .skill-filter{min-width:0;padding:8px 5px;white-space:normal}
  .skill-panels{grid-template-columns:1fr}
  .grid{grid-template-columns:minmax(0,1fr)}
  .capstone-visual{min-height:220px;height:240px}
  .capstone-details{padding:18px}
  .capstone-details h3{font-size:1.05rem;overflow-wrap:anywhere}
  #certificates.certificates-section{padding:24px 16px}
  .cert-header h2{font-size:1.55rem}
  .cert-stats{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert-stats div{min-width:0;align-items:flex-start;flex-direction:column;gap:0;padding:8px 10px}
  .cert-stats span{white-space:normal}
  .cert-gallery{grid-template-columns:minmax(0,1fr)}
  .terminal-section{padding:22px 16px}
  .terminal-body{padding:14px 12px;font-size:.7rem}
  .terminal-form{flex-wrap:wrap}
  .terminal-prompt{flex:1 0 100%;max-width:100%;font-size:.64rem;overflow-wrap:anywhere}
  .terminal-form input{flex:1 1 0}
  .contact-card{padding:17px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* ---------- Professional visual refinement ---------- */
:root{
  --bg:#edf3f8;
  --surface:rgba(255,255,255,.93);
  --ink:#16283b;
  --muted:#5e7084;
  --line:#d4e0ea;
  --accent:#176b87;
  --accent2:#c27a34;
  --accent-ink:#fff;
  --glow:rgba(23,107,135,.13);
  --shadow:0 16px 42px rgba(35,65,87,.09);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#101722;
  --surface:rgba(25,35,49,.96);
  --ink:#edf3fb;
  --muted:#a6b3c5;
  --line:#334155;
  --accent:#60a5fa;
  --accent2:#34d399;
  --accent-ink:#102033;
  --glow:rgba(96,165,250,.16);
  --shadow:0 14px 36px rgba(0,0,0,.24);
  color-scheme:dark;
}
body{
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse at 8% 8%,rgba(194,122,52,.1),transparent 29%),
    radial-gradient(ellipse at 92% 18%,rgba(23,107,135,.12),transparent 32%),
    linear-gradient(180deg,#f6f9fc 0%,#edf3f8 56%,#f5f7fa 100%);
  background-attachment:fixed;
  font-size:16px;
  line-height:1.7;
}
:root[data-theme="dark"] body{
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 85% 4%,rgba(96,165,250,.09),transparent 32%);
}
.wrap{max-width:1120px}
nav{
  top:10px;
  padding:10px 20px;
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 12px 32px rgba(35,65,87,.1);
}
nav b{
  background:linear-gradient(110deg,var(--accent),#3190a2 60%,var(--accent2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
nav a{font-size:.88rem}
h1,h2,h3{font-family:"Space Grotesk",sans-serif}
h1{letter-spacing:-.045em}
h2{letter-spacing:-.025em}
section{
  border-radius:18px;
  padding:40px;
  margin-bottom:22px;
}
h2::before{width:4px;height:26px}
.hero{padding-top:64px;padding-bottom:56px;gap:56px}
.hero-eyebrow,.hero-intro-label,.hero-email,.hero-photo-footer,
.about-card-subtitle,.about-card-footer,.contact-label,.capstone-kicker,
.capstone-label,.capstone-school,.skill-panel>p,.skill-list li,
.terminal-body,.terminal-bar,.terminal-commands button{
  letter-spacing:.015em;
}
.hero-intro{
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 4px 16px rgba(23,36,58,.035);
}
.btn{
  padding:10px 16px;
  border-radius:9px;
  font-size:.86rem;
  font-weight:600;
}
.btn.main{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--accent-ink);
}
.btn.main:hover{
  background:var(--accent2);
  border-color:var(--accent2);
}
.hero-profile{border-radius:18px}
.hero-profile{
  border-color:rgba(255,255,255,.9);
  box-shadow:0 24px 56px rgba(28,56,75,.18),0 0 0 8px rgba(255,255,255,.48);
}
.hero-photo-footer{font-size:.62rem}
.terminal-section{border-radius:18px}
.terminal-commands button{
  border-radius:7px;
  background:var(--bg);
}
.terminal-commands button:hover,.terminal-commands button:focus-visible{
  background:var(--glow);
  color:var(--accent);
}
.about-card,.skill-panel,.contact-card,.cert-card{
  border-radius:13px;
  box-shadow:0 4px 16px rgba(23,36,58,.045);
}
.about-card,.skill-panel,.contact-card{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,252,.94));
}
.about-card{padding:24px}
.background-icon{background:rgba(194,122,52,.12);color:#a66120}
.interests-icon{background:rgba(23,107,135,.1);color:var(--accent)}
.goals-icon{background:rgba(34,132,108,.1);color:#22846c}
.strengths-icon{background:rgba(91,105,159,.1);color:#5b699f}
.about-card-footer{border-color:var(--line)}
.goals-footer,.skill-panel-footer{color:var(--accent2)}
.skill-filters,.cert-filters{background:var(--bg)}
.skill-filter:hover,.cert-filter:hover{
  background:var(--glow);
  color:var(--accent);
}
.skill-filter.is-active,.cert-filter.is-active{
  background:var(--accent);
  color:var(--accent-ink);
}
.skill-panel{background:var(--surface)}
.skill-panel,.cert-card{
  background:linear-gradient(150deg,#fff,#f8fafc);
}
.skill-list li{background:var(--bg)}
.soft-skill-heading strong{color:var(--accent)}
.soft-skill-meter span{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.proj,.capstone-project{
  border-radius:14px;
  box-shadow:0 5px 18px rgba(23,36,58,.05);
}
.proj{
  background:linear-gradient(150deg,#fff,#f7fafc);
}
.proj::before{height:3px}
.proj:hover,.capstone-project:hover{
  border-color:var(--accent);
  box-shadow:var(--shadow);
}
.tags span{
  color:var(--accent);
  background:var(--glow);
  border-color:rgba(23,107,135,.18);
}
.project-visual{border-color:var(--line);border-radius:12px}
.capstone-project{background:var(--surface)}
.capstone-visual{border-radius:13px 0 0 13px}
.capstone-image-bar{background:var(--bg)}
.capstone-image-caption{border-radius:7px}
.capstone-kicker,.capstone-label{color:var(--accent)}
.capstone-features li::before{color:var(--accent)}
.cert-filter span{background:var(--line);color:var(--muted)}
.cert-filter.is-active span{background:rgba(255,255,255,.2);color:inherit}
.cert-status{color:var(--accent2)}
.cert-card:hover{border-color:var(--accent)}
.cert-search input{border-radius:9px}
.contact-card{background:var(--surface)}
.contact-action{color:var(--accent)}
#contact{background:var(--surface)}
footer{font-size:.86rem}
:root[data-theme="dark"] .about-card,
:root[data-theme="dark"] .terminal-section,
:root[data-theme="dark"] #certificates.certificates-section,
:root[data-theme="dark"] #skills,
:root[data-theme="dark"] #contact,
:root[data-theme="dark"] .capstone-project,
:root[data-theme="dark"] .contact-card,
:root[data-theme="dark"] .skill-panel,
:root[data-theme="dark"] .cert-card,
:root[data-theme="dark"] .proj{
  background:linear-gradient(145deg,#1d2939,#192331);
  background-color:var(--surface);
  color:var(--ink);
}
:root[data-theme="dark"] .skill-list li,
:root[data-theme="dark"] .cert-filter span{
  background-color:#253247;
}
:root[data-theme="dark"] .about-card-footer{border-color:var(--line)}
:root[data-theme="dark"] .goals-footer,
:root[data-theme="dark"] .skill-panel-footer,
:root[data-theme="dark"] .cert-status{color:#6ee7b7}
:root[data-theme="dark"] .tags span{
  color:#93c5fd;
  border-color:rgba(96,165,250,.24);
}
@media (max-width:700px){
  body{background-attachment:scroll}
  .tech-background{display:none}
}
@media (max-width:700px){
  section{padding:28px 22px}
  .hero{padding-top:48px;padding-bottom:40px;gap:28px}
}
@media (max-width:480px){
  section{padding:24px 16px}
}