:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;font-weight:400;color:var(--text);background:var(--page-bg);color-scheme:dark;--page-bg: radial-gradient(circle at top, #19233f, #0e1322 48%, #090c16 100%);--text: #e8edf7;--heading: #f4f7ff;--muted: #c2cce0;--body-copy: #c7d2e7;--nav-bg: rgba(9, 12, 22, .82);--nav-border: rgba(120, 148, 214, .18);--control-border: rgba(120, 148, 214, .25);--control-text: #d9e4fb;--active-border: rgba(94, 234, 212, .45);--active-bg: rgba(94, 234, 212, .12);--accent: #9ec0ff;--accent-strong: #8eb8ff;--accent-soft: #95aff0;--card-bg: linear-gradient(160deg, rgba(26, 35, 59, .75), rgba(12, 17, 30, .85));--card-border: rgba(120, 148, 214, .2);--image-bg: rgba(16, 23, 40, .9);--primary-bg: linear-gradient(135deg, #4f7cff, #76a6ff);--primary-text: #091127;--ghost-border: #3a4768;--ghost-hover-border: #6a85c7;--ghost-hover-bg: rgba(150, 184, 255, .08);--timeline-text: #0f1a33;--timeline-bg: #9abcff;--logo-bg: #f4f7ff;--button-shadow: rgba(77, 128, 255, .22);--toggle-track: rgba(150, 184, 255, .16);--toggle-thumb: #9ec0ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--page-bg: radial-gradient(circle at top, #f0f6ff, #f8fbff 45%, #ffffff 100%);--text: #182033;--heading: #111827;--muted: #4f5d75;--body-copy: #4c5870;--nav-bg: rgba(255, 255, 255, .86);--nav-border: rgba(72, 91, 130, .18);--control-border: rgba(72, 91, 130, .24);--control-text: #243149;--active-border: rgba(20, 184, 166, .5);--active-bg: rgba(20, 184, 166, .12);--accent: #285fb8;--accent-strong: #2261c5;--accent-soft: #3e67ab;--card-bg: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(239, 245, 255, .9));--card-border: rgba(72, 91, 130, .18);--image-bg: rgba(237, 243, 252, .95);--primary-bg: linear-gradient(135deg, #245fd6, #65a3ff);--primary-text: #ffffff;--ghost-border: #a5b4cf;--ghost-hover-border: #5875aa;--ghost-hover-bg: rgba(66, 105, 174, .08);--timeline-text: #ffffff;--timeline-bg: #285fb8;--logo-bg: #ffffff;--button-shadow: rgba(38, 96, 190, .18);--toggle-track: rgba(37, 99, 235, .13);--toggle-thumb: #285fb8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}#app{width:100%}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.75rem clamp(1rem,4vw,3rem);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-tabs{display:flex;gap:.45rem}.header-actions{display:inline-flex;align-items:center;gap:.55rem}.site-tabs a{border:1px solid var(--control-border);border-radius:.68rem;padding:.48rem .78rem;color:var(--control-text);font-weight:700;font-size:.9rem}.site-tabs a.router-link-active{border-color:var(--active-border);background:var(--active-bg);color:var(--heading)}.theme-toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:2.35rem;padding:.35rem .72rem;border:1px solid var(--control-border);border-radius:999px;color:var(--control-text);background:transparent;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.language-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(2.15rem,1fr));align-items:center;min-height:2.35rem;padding:.22rem;border:1px solid var(--control-border);border-radius:999px;color:var(--control-text);background:transparent;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.language-toggle span{display:grid;min-height:1.85rem;place-items:center;border-radius:999px}.language-toggle .active{color:var(--primary-text);background:var(--primary-bg)}.language-toggle:hover,.theme-toggle:hover{border-color:var(--ghost-hover-border);background:var(--ghost-hover-bg)}.theme-toggle-track{width:2.15rem;height:1.18rem;padding:.16rem;border-radius:999px;background:var(--toggle-track);border:1px solid var(--control-border)}.theme-toggle-thumb{display:block;width:.74rem;height:.74rem;border-radius:999px;background:var(--toggle-thumb);transform:translate(.86rem);transition:transform .16s ease}:root[data-theme=light] .theme-toggle-thumb{transform:translate(0)}.portfolio{width:min(1080px,92vw);margin:0 auto;padding:2.2rem 0 5rem}.section{margin-bottom:3.5rem}.hero-layout{display:grid;grid-template-columns:1.6fr minmax(200px,320px);gap:1.2rem;align-items:center}.eyebrow{display:inline-block;margin-bottom:1rem;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}h1,h2,h3{margin:0;color:var(--heading)}h1{max-width:18ch;font-size:clamp(2rem,5vw,3.4rem);line-height:1.12}h2{margin-bottom:.9rem;font-size:clamp(1.5rem,3vw,2.15rem)}p{margin:0}.lead{max-width:62ch;margin-top:1.15rem;color:var(--muted);font-size:1.08rem}.profile-photo{margin:0;display:grid;gap:.55rem;justify-items:center}.profile-photo img{width:min(100%,300px);aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;border:1px solid var(--control-border);background:var(--image-bg)}.cta-group{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.75rem}.btn{padding:.72rem 1.2rem;border-radius:.7rem;border:1px solid transparent;font-weight:600;transition:all .18s ease}.btn.primary{background:var(--primary-bg);color:var(--primary-text)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px var(--button-shadow)}.btn.ghost{border-color:var(--ghost-border);color:var(--control-text)}.btn.ghost:hover{border-color:var(--ghost-hover-border);background:var(--ghost-hover-bg)}.metrics{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.metrics article,.card,.timeline article,.contact{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1.05rem 1.2rem}.metric-value{font-size:1.45rem;font-weight:700;color:var(--accent)}.metric-label{margin-top:.25rem;color:var(--muted);font-size:.92rem}.section>p{max-width:72ch;color:var(--body-copy)}.grid{display:grid;gap:1rem}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card h3{margin-bottom:.7rem;font-size:1.1rem}.card ul{margin:0;padding-left:1rem;color:var(--body-copy)}.card li+li{margin-top:.45rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diploma-grid{margin-top:1rem}.diploma-card{max-width:820px}.contest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-soft)}.project-company{display:inline-flex;align-items:center;gap:.55rem;width:fit-content}.project-company:hover .project-tag{color:var(--accent)}.company-logo{width:1.35rem;height:1.35rem;border-radius:.35rem;background:var(--logo-bg)}.project-card p{color:var(--body-copy)}.project-card h3{margin:.5rem 0}.project-outcome{margin-top:.8rem;color:var(--accent);font-weight:600}.project-points{margin:1rem 0 0;padding-left:1rem;color:var(--body-copy)}.project-points li+li{margin-top:.45rem}.contest-card{display:flex;flex-direction:column;min-height:100%}.contest-date{margin-top:.95rem;color:var(--text);font-size:.86rem;font-weight:700}.contest-location{margin-top:auto;padding-top:.9rem;color:var(--muted);font-size:.92rem}.timeline{display:grid;gap:.85rem}.timeline article{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;row-gap:.28rem;align-items:start}.timeline span{grid-row:1 / span 2;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-size:.85rem;font-weight:700;color:var(--timeline-text);background:var(--timeline-bg)}.timeline p{color:var(--body-copy)}.school-link{display:inline-flex;align-items:center;gap:.55rem;width:fit-content}.school-link:hover h3{color:var(--accent)}.school-logo{width:1.8rem;height:1.8rem;border-radius:.4rem;background:var(--logo-bg)}.contact{padding:1.45rem}.contact p{color:var(--body-copy);margin:.65rem 0 1rem}.contact-links{display:flex;flex-wrap:wrap;gap:.9rem}.contact-links a{color:var(--accent);font-weight:600}.contact-link{display:inline-flex;align-items:center;gap:.45rem}.contact-icon{width:1.1rem;height:1.1rem;border-radius:.25rem;background:var(--logo-bg)}.contact-emoji{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;font-size:.95rem}.contact-links a:hover{color:var(--accent-strong)}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;justify-content:space-between}.hero-layout{grid-template-columns:1fr;justify-items:start}.profile-photo{justify-items:start}.metrics,.skill-grid,.project-grid,.contest-grid{grid-template-columns:1fr}.portfolio{padding-top:2.2rem}}