:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--text-primary: #0a0a0a;--text-secondary: #52525b;--text-muted: #9ca3af;--text-inverse: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-2: #4f46e5;--accent-light: rgba(79, 70, 229, .08);--accent-2-light: rgba(79, 70, 229, .08);--accent-glow: rgba(79, 70, 229, .2);--accent-primary: #4f46e5;--gradient-accent: linear-gradient(135deg, #4f46e5, #4f46e5);--gradient-accent-soft: rgba(79, 70, 229, .06);--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .05);--border-dark: rgba(0, 0, 0, .16);--border-glow: rgba(0, 0, 0, .28);--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-blur: 0px;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--section-padding-y: 7rem;--section-padding-y-sm: 4rem;--container-max: 1200px;--container-padding: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .12);--shadow-card: none;--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .08);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #060606;--bg-elevated: #141414;--bg-card: #101010;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #6b6b75;--text-inverse: #0a0a0a;--accent: #818cf8;--accent-hover: #a5b4fc;--accent-2: #818cf8;--accent-light: rgba(129, 140, 248, .12);--accent-2-light: rgba(129, 140, 248, .12);--accent-glow: rgba(129, 140, 248, .25);--accent-primary: #818cf8;--gradient-accent: linear-gradient(135deg, #818cf8, #818cf8);--gradient-accent-soft: rgba(129, 140, 248, .08);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(255, 255, 255, .16);--border-glow: rgba(255, 255, 255, .28);--glass-bg: #101010;--glass-bg-strong: #0a0a0a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .35), 0 1px 2px -1px rgb(0 0 0 / .35);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .45), 0 4px 6px -4px rgb(0 0 0 / .45);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .6);--shadow-card: none;--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1,h2,h3{font-family:var(--font-display)}h1{font-size:var(--text-5xl);font-weight:var(--font-bold);letter-spacing:-.03em}h2{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.03em}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass{background:var(--bg-card);border:1px solid var(--border)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{width:100%;padding:var(--section-padding-y) 0;position:relative}.section-alt{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-12);text-align:center}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);text-align:center;max-width:600px;margin:calc(-1 * var(--space-8)) auto var(--space-12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);text-decoration:none}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{background:transparent;color:var(--text-primary)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-dark)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-card-hover)}.project-card{position:relative}.project-highlights{list-style:none;padding-left:0}.project-highlights li{position:relative;padding-left:var(--space-5)}.project-highlights li:before{content:"▸";position:absolute;left:0;color:var(--text-muted)}.projects-grid,.edu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;gap:var(--space-4);position:relative}.bento-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-card-hover)}@media(min-width:1025px){.bento-card:first-child{grid-column:span 2}}.bento-card-icon{width:48px;height:48px;background:var(--gradient-accent-soft);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent)}.bento-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--text-primary)}.bento-card-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background-color:var(--bg-hover);border:1px solid transparent;border-radius:var(--radius-full);transition:color var(--transition-base)}.tag:hover{color:var(--text-primary)}.tag-accent{background-color:var(--accent-light);color:var(--accent)}.section-nav{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:var(--z-fixed);padding:var(--space-3) var(--space-2)}.section-nav-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--border-dark);cursor:pointer;transition:all var(--transition-base);position:relative}.section-nav-dot:hover{background-color:var(--text-primary);transform:scale(1.3)}.section-nav-dot.active{height:22px;background:var(--text-primary)}.section-nav-dot:before{content:attr(data-label);position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);white-space:nowrap;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.section-nav-dot:hover:before{opacity:1}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border)}.timeline-item{position:relative;padding-bottom:var(--space-8)}.timeline-item:before{content:"";position:absolute;left:calc(-2rem - 5px);top:.5rem;width:11px;height:11px;border-radius:var(--radius-full);background:var(--bg-primary);border:2px solid var(--border-dark)}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.timeline-card:hover{border-color:var(--border-dark);box-shadow:var(--shadow-card-hover)}.timeline-date{font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-1)}.timeline-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-1)}.timeline-company{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.timeline-description{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12)}.stat-item{text-align:center;padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--text-primary);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.social-icon:hover{color:var(--text-primary);border-color:var(--border-dark)}#about strong{color:var(--text-primary);font-weight:var(--font-semibold)}.language-switcher{position:relative}.language-switcher-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background-color:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-base)}.language-switcher-btn:hover{background-color:var(--bg-hover);border-color:var(--border-dark)}.language-switcher-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:120px;z-index:var(--z-dropdown);overflow:hidden}.language-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base)}.language-option:hover{background-color:var(--bg-hover)}.language-option.active{background-color:var(--accent-light);color:var(--accent)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal-content{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);transition:all var(--transition-base)}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{flex:1;overflow:auto;padding:var(--space-6)}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.section-nav{display:none}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.hero-grid>:last-child{order:-1}}@media(max-width:768px){:root{--section-padding-y: var(--section-padding-y-sm)}.bento-grid,.projects-grid,.edu-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.timeline{padding-left:1.5rem}.timeline-item:before{left:calc(-1.5rem - 5px)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.btn{width:100%}}@media print{.section-nav,.language-switcher,.btn{display:none!important}.section{padding:2rem 0;page-break-inside:avoid}body{font-size:12pt;color:#000;background:#fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-light);color:var(--text-primary)}