:root{--bg: #fafaf8;--bg-subtle: #f3f2ef;--text: #1a1a1a;--text-secondary: #555550;--muted: #8a8a84;--border: #e2e0db;--border-strong: #d0cec9;--accent: #2563eb;--accent-hover: #1d4ed8;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);--card-shadow-hover: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);--max-width: 680px;--avatar-size: 88px;--radius: 10px;--radius-sm: 6px}[data-theme="dark"]{--bg: #000000;--bg-subtle: #1a1a17;--text: #ededea;--text-secondary: #b0b0a8;--muted: #8a8a82;--border: #333330;--border-strong: #444440;--accent: #60a5fa;--accent-hover: #93c5fd;--card-bg: #1a1a17;--card-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.35);--card-shadow-hover: 0 4px 12px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.25)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #000000;--bg-subtle: #1a1a17;--text: #ededea;--text-secondary: #b0b0a8;--muted: #8a8a82;--border: #333330;--border-strong: #444440;--accent: #60a5fa;--accent-hover: #93c5fd;--card-bg: #1a1a17;--card-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.35);--card-shadow-hover: 0 4px 12px rgba(0,0,0,0.35), 0 2px 4px rgba(0,0,0,0.25)}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent);color:#fff;padding:0.5rem 1rem;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:500;text-decoration:none;z-index:10}.skip-link:focus{top:1rem}body{font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg);max-width:var(--max-width);margin:0 auto;padding:5rem 1.5rem 3rem;transition:background 0.4s ease, color 0.4s ease;-webkit-font-smoothing:antialiased}.controls{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:0.5rem}.lang-toggle,.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font-size:0.8rem;font-weight:600;font-family:"SF Mono", "Fira Code", monospace;line-height:1;padding:0.45rem 0.65rem;transition:all 0.2s ease}.theme-toggle{font-size:1.1rem;font-family:inherit;font-weight:400}.lang-toggle:hover,.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-subtle)}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hero,section,footer{animation:fadeInUp 0.5s ease both}section:nth-child(2){animation-delay:0.1s}section:nth-child(3){animation-delay:0.15s}section:nth-child(4){animation-delay:0.2s}section:nth-child(5){animation-delay:0.25s}.hero{display:flex;align-items:center;gap:1.25rem;margin-bottom:4rem}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0;transition:border-color 0.3s ease}.avatar:hover{border-color:var(--accent)}.hero-text h1{font-size:1.75rem;font-weight:700;letter-spacing:-0.03em;line-height:1.2;margin-bottom:0.2rem}.tagline{font-size:0.95rem;color:var(--muted);font-weight:400;line-height:1.5}section{margin-bottom:3.5rem}h2{font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.project-grid{display:grid;grid-template-columns:1fr;gap:1rem}.project-card{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:all 0.25s ease}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.project-header{display:flex;align-items:baseline;gap:0.75rem;margin-bottom:0.5rem}.project-header h3{font-size:1.05rem;font-weight:600}.project-github{color:var(--muted);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;vertical-align:middle;margin-left:0.5rem;width:34px;height:34px;border-radius:50%;transition:all 0.2s ease}.project-github:hover{color:var(--accent);background:var(--bg-subtle);transform:scale(1.15)}.project-github svg{display:block}.project-role{font-size:0.72rem;font-weight:500;color:var(--accent);background:rgba(37,99,235,0.08);padding:0.15rem 0.5rem;border-radius:999px;letter-spacing:0.02em;white-space:nowrap}[data-theme="dark"] .project-role,:root:not([data-theme="light"]):not([data-theme="dark"]) .project-role{background:rgba(96,165,250,0.12)}.project-card p{font-size:0.9rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1rem}.stack{display:flex;flex-wrap:wrap;gap:0.4rem}.stack span{font-size:0.72rem;font-weight:500;font-family:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Menlo", monospace;color:var(--muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.2rem 0.6rem;transition:all 0.2s ease}.stack span:hover{color:var(--text);border-color:var(--border-strong)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1.25rem}.stack-category h3{font-size:0.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:0.6rem}.about p{margin-bottom:0.75rem;color:var(--text-secondary);line-height:1.75}.about p:last-child{margin-bottom:0}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem}.contact-links a{color:var(--muted);text-decoration:none;font-size:0.9rem;font-weight:500;padding:0.3rem 0;border-bottom:1.5px solid transparent;transition:all 0.2s ease}.contact-links a:hover{color:var(--text);border-bottom-color:var(--accent)}footer{margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:0.8rem;color:var(--muted)}@media (max-width: 480px){body{padding:4rem 1.25rem 2.5rem}.hero{gap:1rem}.avatar{--avatar-size: 72px;width:var(--avatar-size);height:var(--avatar-size)}.hero-text h1{font-size:1.5rem}.project-header{flex-direction:column;gap:0.35rem}.stack-grid{grid-template-columns:1fr}}