:root{--bg:#f4f7fb;--surface:#ffffffd1;--surface-solid:#fff;--text:#102033;--muted:#5f6c7b;--line:#1020331f;--primary:#0f62fe;--primary-strong:#0038a8;--primary-soft:#0f62fe1f;--shadow:0 20px 60px #1020331f;--radius:22px}:root[data-theme=dark]{--bg:#0b1220;--surface:#0c1422d1;--surface-solid:#111a2b;--text:#eef4ff;--muted:#a8b3c7;--line:#eef4ff1f;--primary:#7aa7ff;--primary-strong:#b7cbff;--primary-soft:#7aa7ff24;--shadow:0 20px 60px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0f62fe24, transparent 28%), radial-gradient(circle at top right, #00c8aa1f, transparent 24%), var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1120px,100% - 32px);margin:0 auto}.skip-link{background:var(--primary);color:#fff;z-index:1000;border-radius:999px;padding:10px 14px;transition:top .2s;position:absolute;top:-48px;left:16px}.skip-link:focus{top:16px}.header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.brand{border-radius:18px;align-items:center;gap:14px;padding:10px 14px;transition:transform .2s,background .2s;display:inline-flex}.brand:hover{background:var(--surface);transform:translateY(-1px)}.brand-mark,.avatar{letter-spacing:.05em;background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;width:52px;height:52px;box-shadow:var(--shadow);border-radius:16px;place-items:center;font-weight:800;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-size:1rem}.brand-copy span{color:var(--muted);font-size:.92rem}.nav,.header-actions,.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav a,.footer-links a{color:var(--muted);border-radius:999px;padding:10px 12px;transition:background .2s,color .2s,transform .2s}.nav a:hover,.footer-links a:hover{color:var(--text);background:var(--surface);transform:translateY(-1px)}.link-chip,.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:10px 14px;transition:transform .2s,box-shadow .2s,background .2s}.link-chip:hover,.theme-toggle:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.link-chip.primary{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#fff;border-color:#0000}main{display:block}section{padding:72px 0}.hero-grid,.about-grid,.projects-grid,.skills-grid,.education-grid,.contact-panel,.footer-bar-inner{gap:24px;display:grid}.hero-grid{grid-template-columns:1.25fr .95fr;align-items:center;min-height:calc(100vh - 78px)}.hero-copy h1{letter-spacing:-.04em;margin:14px 0 16px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.03}.hero-copy p,.section-head p,.project-copy p,.panel p,.contact-panel p{color:var(--muted)}.eyebrow{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.hero-stack,.tag-row,.stack-list{flex-wrap:wrap;gap:10px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;padding:8px 12px;font-size:.92rem;display:inline-flex}.panel,.project-card,.mini-card,.contact-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel,.project-card,.mini-card{padding:24px}.profile-card{padding:26px}.profile-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.avatar{flex:none}.availability{color:var(--muted);margin:0}.profile-links{gap:12px;display:grid}.profile-links a{background:color-mix(in srgb, var(--surface-solid) 78%, transparent);border:1px solid var(--line);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:transform .2s,border-color .2s;display:flex}.profile-links a:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--line));transform:translateY(-1px)}.profile-links small{color:var(--muted);margin-bottom:2px;display:block}.section-head{max-width:720px;margin-bottom:24px}.section-head h2,.contact-panel h2,.panel h3,.project-copy h3,.mini-card h3{margin:0 0 10px;line-height:1.2}.about-grid,.education-grid,.projects-grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid .mini-card:last-child{grid-column:1/-1}.project-card{gap:18px;min-height:100%;display:grid}.project-links{margin-top:16px}.cert-list{color:var(--muted);margin:0;padding-left:18px}.cert-list li+li{margin-top:12px}.contact-panel{grid-template-columns:1.2fr .8fr;align-items:center;padding:28px}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.footer-bar{border-top:1px solid var(--line);padding:24px 0 36px}.footer-bar-inner{grid-template-columns:1fr auto;align-items:center}.footer-bar p{color:var(--muted);margin:0}@media (width<=960px){.header-inner,.footer-bar-inner,.contact-panel{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;padding:14px 0}.hero-grid,.about-grid,.projects-grid,.skills-grid,.education-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:24px}.skills-grid .mini-card:last-child{grid-column:auto}.contact-actions{justify-content:flex-start}}@media (width<=640px){section{padding:56px 0}.container{width:min(100% - 20px,1120px)}.brand,.nav,.header-actions{width:100%}.header-actions{justify-content:space-between}.nav a,.footer-links a,.link-chip,.theme-toggle{padding:10px 12px}}.brand,.profile-links a,.link-chip,.nav a,.footer-links a{text-decoration:none}.brand{cursor:pointer}.brand:hover,.profile-links a:hover,.link-chip:hover,.nav a:hover,.footer-links a:hover{text-decoration:none}.brand:focus-visible,.profile-links a:focus-visible,.link-chip:focus-visible,.nav a:focus-visible,.footer-links a:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.profile-links a,.profile-links a strong,.contact-actions .link-chip,.brand strong{color:inherit}.nav a,.footer-links a{align-items:center;display:inline-flex}