@import "https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#f7f4ec;--bg-2:#f0ede4;--panel:#fffdf8;--text:#1f2933;--muted:#4b5a66;--line:#d8d3c7;--accent:#0f766e;--accent-2:#b45309;--shadow:0 12px 28px #1f293314}@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--bg-2:#1a1f26;--panel:#1e2633;--text:#e8e8e8;--muted:#8a95a1;--line:#3a4452;--accent:#26d0ce;--accent-2:#f59e0b;--shadow:0 12px 28px #0000004d}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 12% 8%, #b453091a 0, #b4530900 32%), radial-gradient(circle at 88% 6%, #0f766e1f 0, #0f766e00 30%), linear-gradient(180deg, var(--bg), var(--bg-2));flex-direction:column;max-width:1140px;margin-inline:auto;padding:2.25rem 1.25rem 3rem;font-family:Chivo,Segoe UI,sans-serif;line-height:1.6;display:flex}h1,h2,h3{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.2}h1{letter-spacing:.02em;margin-bottom:.85rem;font-size:clamp(1.4rem,2.8vw,2.2rem)}.quick-paths{flex-wrap:wrap;gap:.7rem;margin-bottom:.6rem;display:flex}.quick-link{letter-spacing:.02em;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.quick-link:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quick-link.app-focus{color:#0b3f3b;background:#0f766e24;border-color:#0f766e73}@media (prefers-color-scheme:dark){.quick-link.app-focus{color:#26d0ce;background:#26d0ce33;border-color:#26d0ce80}}.quick-link.recruiter-focus{color:#593007;background:#b4530924;border-color:#b453096b}@media (prefers-color-scheme:dark){.quick-link.recruiter-focus{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b80}}.app-shortcuts{flex-wrap:wrap;gap:.65rem;margin-bottom:1.1rem;display:flex}.app-shortcuts a{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.32rem .7rem;font-size:.84rem;font-weight:600;text-decoration:none}.app-shortcuts a:hover{border-color:var(--accent)}p{margin:0}.about{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:110px 1fr;align-items:start;gap:1.6rem;margin-bottom:1.6rem;padding:1.4rem;display:grid}.about img{border:1px solid var(--line);background:#f4efe4;border-radius:14px;width:100%;max-width:110px;height:auto}@media (prefers-color-scheme:dark){.about img{background:#2a3139}}.bio-content{flex-direction:column;gap:.9rem;display:flex}.bio-content p{color:var(--muted)}.bio-highlight{color:var(--text);border-left:4px solid var(--accent);background:linear-gradient(90deg,#0f766e1f,#0f766e0a);border-radius:8px;padding:.65rem .8rem;font-weight:600}@media (prefers-color-scheme:dark){.bio-highlight{background:linear-gradient(90deg,#26d0ce26,#26d0ce0d)}}.social-links{flex-wrap:wrap;gap:.8rem 1.2rem;display:flex}.social-links.secondary{border-top:1px dashed var(--line);padding-top:.25rem}.link-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:700}.social-links a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,color .2s}.social-links a:hover{color:var(--accent-2);border-bottom-color:currentColor}.video-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.75rem}.video-title{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;font-size:.84rem;font-weight:700}.video-frame{border:1px solid var(--line);border-radius:10px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.expertise{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.skill-group{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem}.skill-group h3{color:var(--accent);margin-bottom:.75rem;font-size:.95rem}.tags{flex-wrap:wrap;gap:.45rem;display:flex}.tags span{color:#2f3d47;background:#f4efe4;border:1px solid #d4cdc0;border-radius:999px;padding:.25rem .6rem;font-size:.74rem}@media (prefers-color-scheme:dark){.tags span{color:#c8d2db;background:#2a3139;border-color:#4a5563}}.core-experience,.career-highlights{margin-bottom:1.7rem}.career-note{color:var(--muted);margin:.45rem 0 .9rem;font-size:.92rem}.section-title{margin-bottom:.35rem;font-size:clamp(1.1rem,2.4vw,1.45rem)}.section-intro{color:var(--muted);margin-bottom:.9rem;font-size:.93rem}.apps-section,.recruiter-section{scroll-margin-top:1rem}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.experience-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1rem}.experience-card h3{color:var(--accent-2);margin-bottom:.5rem;font-size:.98rem}.experience-card p{color:var(--muted);font-size:.94rem}.separator{border:0;border-top:1px solid var(--line);margin:1.7rem 0 1.2rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s;display:block}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card h2{margin-bottom:.55rem;font-size:1.15rem}.card img{object-fit:contain;width:96px;height:96px;margin:.45rem auto .85rem;display:block}@media (prefers-color-scheme:dark){.card img{filter:brightness(1.1)contrast(1.05)}}.card p{color:var(--muted);font-size:.92rem}.card p+p{margin-top:.55rem;font-size:.84rem}.react{color:#186f9c}.vue{color:#1c7a55}.angular{color:#a23042}@media (width<=920px){.grid,.experience-grid{grid-template-columns:1fr 1fr}.expertise{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){body{padding-inline:.9rem}.about{grid-template-columns:1fr}.about img{max-width:92px}.grid,.experience-grid,.expertise{grid-template-columns:1fr}.apps-section{order:1}.separator{order:2}.recruiter-section{order:3}}