:root{--bg-primary: #05060f;--bg-secondary: #0a0d1f;--bg-elevated: #101430;--bg-card: rgba(255, 255, 255, .04);--bg-hover: rgba(255, 255, 255, .08);--text-primary: #f2f4ff;--text-secondary: #a6aecd;--text-muted: #767ea1;--text-inverse: #05060f;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-2: #22d3ee;--accent-light: rgba(167, 139, 250, .14);--accent-2-light: rgba(34, 211, 238, .12);--gradient-accent: linear-gradient(135deg, #a855f7 0%, #6366f1 45%, #22d3ee 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(168, 85, 247, .25), rgba(34, 211, 238, .18));--gradient-btn: linear-gradient(135deg, #8b5cf6, #6366f1);--border: rgba(255, 255, 255, .09);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(255, 255, 255, .16);--border-glow: rgba(167, 139, 250, .45);--glass-bg: rgba(16, 20, 48, .55);--glass-bg-strong: rgba(10, 13, 31, .75);--glass-blur: 12px;--orb-violet-alpha: .16;--orb-cyan-alpha: .1;--grid-line: rgba(255, 255, 255, .025);--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: 6rem;--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 / .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 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-card-hover: 0 8px 40px rgba(99, 102, 241, .28), 0 0 0 1px var(--border-glow);--glow-violet: 0 0 24px rgba(168, 85, 247, .35);--glow-cyan: 0 0 24px rgba(34, 211, 238, .3);--glow-btn: 0 4px 20px rgba(139, 92, 246, .45);--glow-btn-hover: 0 6px 32px rgba(139, 92, 246, .65), 0 0 12px rgba(34, 211, 238, .35);--glow-text: 0 0 32px rgba(167, 139, 250, .45);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--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=light]{--bg-primary: #f7f8fd;--bg-secondary: #eef0fa;--bg-elevated: #ffffff;--bg-card: rgba(255, 255, 255, .72);--bg-hover: rgba(124, 58, 237, .06);--text-primary: #171a2e;--text-secondary: #4b5273;--text-muted: #707795;--text-inverse: #ffffff;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-2: #0e7490;--accent-light: rgba(124, 58, 237, .1);--accent-2-light: rgba(14, 116, 144, .1);--gradient-accent: linear-gradient(135deg, #7c3aed 0%, #4f46e5 45%, #0891b2 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(124, 58, 237, .14), rgba(8, 145, 178, .1));--gradient-btn: linear-gradient(135deg, #7c3aed, #4f46e5);--border: rgba(23, 26, 46, .1);--border-light: rgba(23, 26, 46, .06);--border-dark: rgba(23, 26, 46, .18);--border-glow: rgba(124, 58, 237, .35);--glass-bg: rgba(255, 255, 255, .65);--glass-bg-strong: rgba(255, 255, 255, .85);--orb-violet-alpha: .08;--orb-cyan-alpha: .05;--grid-line: rgba(23, 26, 46, .03);--shadow-card: 0 4px 20px rgba(23, 26, 46, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-card-hover: 0 10px 36px rgba(79, 70, 229, .18), 0 0 0 1px var(--border-glow);--glow-violet: 0 0 24px rgba(124, 58, 237, .14);--glow-cyan: 0 0 24px rgba(8, 145, 178, .12);--glow-btn: 0 4px 20px rgba(124, 58, 237, .2);--glow-btn-hover: 0 6px 32px rgba(124, 58, 237, .28), 0 0 12px rgba(8, 145, 178, .14);--glow-text: 0 0 32px rgba(124, 58, 237, .18)}*,*: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}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(600px at 15% 10%,rgba(139,92,246,var(--orb-violet-alpha)),transparent 70%),radial-gradient(700px at 85% 90%,rgba(34,211,238,var(--orb-cyan-alpha)),transparent 70%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,black 30%,transparent 75%)}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-2);outline-offset:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border)}@supports not (backdrop-filter: blur(1px)){.glass{background:var(--bg-elevated)}}.gradient-text{background:var(--gradient-accent);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.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)}.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);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-btn);background-size:150% 150%;background-position:0% 50%;color:#fff;border:none;box-shadow:var(--glow-btn)}.btn-primary:hover{background-position:100% 50%;color:#fff;transform:translateY(-2px);box-shadow:var(--glow-btn-hover)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);border-color:var(--border-dark)}.btn-secondary:hover{border-color:var(--border-glow);color:var(--text-primary);box-shadow:var(--glow-violet);transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--accent)}.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:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-glow)}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);opacity:.4;transition:opacity var(--transition-base)}.project-card:hover:before{opacity:1}.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(--accent-2)}.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}.hero-glow{position:absolute;top:20%;left:-10%;width:560px;height:560px;background:radial-gradient(circle,rgba(139,92,246,.14),transparent 70%);pointer-events:none;z-index:0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.bento-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);position:relative}.bento-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient-accent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.bento-card:hover:before{opacity:1}@supports not (backdrop-filter: blur(1px)){.bento-card{background:var(--bg-elevated)}}@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:transparent;border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color var(--transition-base),color var(--transition-base)}.tag:hover{border-color:var(--border-glow);color:var(--text-primary)}.tag-accent{background-color:var(--accent-light);color:var(--accent);border-color:transparent}.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);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-light)}.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(--accent);transform:scale(1.3)}.section-nav-dot.active{height:22px;background:var(--gradient-accent);box-shadow:var(--glow-violet)}.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(--glass-bg-strong);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:2px;background:linear-gradient(180deg,#a855f7,#6366f1,#22d3ee)}.timeline-item{position:relative;padding-bottom:var(--space-8)}.timeline-item:before{content:"";position:absolute;left:calc(-2rem - 5px);top:.5rem;width:12px;height:12px;border-radius:var(--radius-full);background:var(--gradient-accent);border:3px solid var(--bg-secondary);box-shadow:var(--glow-violet)}.timeline-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));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-glow);box-shadow:var(--shadow-card-hover)}@supports not (backdrop-filter: blur(1px)){.timeline-card{background:var(--bg-elevated)}}.timeline-date{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;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);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent;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-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.social-icon:hover{color:var(--accent-2);border-color:var(--border-glow);box-shadow:var(--glow-cyan)}#contact{overflow:hidden}#contact:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse at center,rgba(139,92,246,.12),transparent 65%),radial-gradient(ellipse at 60% 40%,rgba(34,211,238,.06),transparent 70%);pointer-events:none}#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:#03040cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);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 transparent;border-image:var(--gradient-accent) 1;border-image-width:0 0 1px 0}.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}body:before,body:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.gradient-text{animation:none}}::-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-color:#8b5cf666;color:#fff}[data-theme=light] ::selection{background-color:#7c3aed40;color:#171a2e}