.navbar{padding:1.25rem var(--container-padding);display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--navbar-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;min-height:var(--nav-height);transition:background var(--transition),border-color var(--transition)}.navbar-logo{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;color:var(--text-color);font-family:var(--font-display)}.navbar-links{display:flex;gap:1.75rem;list-style:none;align-items:center;padding:0;margin:0}.nav-link{font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;min-height:var(--tap-target);transition:color var(--transition),background var(--transition)}.nav-link:hover,.nav-link.is-active{color:var(--text-color);background:var(--accent-soft)}.navbar-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--surface);border:1px solid var(--border);font-size:1.1rem;color:var(--text-color);padding:.45rem;border-radius:999px;min-width:var(--tap-target);min-height:var(--tap-target);transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition);cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.resume-button{background-color:var(--text-color);color:var(--surface);padding:.75rem 1.5rem;border-radius:999px;font-weight:500;border:none;transition:transform var(--transition),opacity var(--transition)}.resume-button:hover{opacity:.9;transform:translateY(-1px)}.menu-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;min-width:var(--tap-target);min-height:var(--tap-target);display:none;align-items:center;justify-content:center;gap:4px;padding:0;transition:border-color var(--transition),transform var(--transition)}.menu-toggle-bar{width:18px;height:2px;background:var(--text-color);border-radius:999px;transition:transform var(--transition),opacity var(--transition)}.menu-open .menu-toggle-bar:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle-bar:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c1473;border:none;padding:0;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10}.nav-overlay.is-open{opacity:1;pointer-events:auto}@media (max-width: 860px){.navbar-links{position:fixed;top:var(--nav-height);left:1.25rem;right:1.25rem;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(-10px) scale(.98);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);z-index:30}.nav-link{width:100%;justify-content:space-between;padding:.6rem 1rem;border:1px solid transparent}.nav-link.is-active{border-color:var(--accent)}.navbar-links.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.navbar-actions{gap:.75rem}.menu-toggle{display:inline-flex}}@media (max-width: 640px){.navbar{padding:.85rem var(--container-padding)}.navbar-logo{font-size:1.2rem}.navbar-links{left:1rem;right:1rem}}@media (min-width: 861px){.navbar-links{position:static;flex-direction:row;opacity:1;pointer-events:auto;transform:none;background:transparent;border:none;box-shadow:none;padding:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--background: #f7f6f3;--surface: #ffffff;--surface-muted: #f0f1f5;--border: rgba(15, 23, 42, .12);--text-color: #111827;--text-muted: #5c6472;--accent: #2f6f6c;--accent-strong: #275c59;--accent-soft: rgba(47, 111, 108, .14);--success: #1f7a49;--error: #c2334d;--shadow-sm: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Iowan Old Style", "Times New Roman", serif;--transition: .2s ease;--container-padding: clamp(1.5rem, 4vw, 3.5rem);--section-spacing: clamp(4rem, 9vw, 7rem);--navbar-bg: rgba(247, 246, 243, .9);--nav-height: 72px;--tap-target: 44px}[data-theme=dark]{--background: #0d0f14;--surface: #141821;--surface-muted: #1a1f2a;--border: rgba(255, 255, 255, .1);--text-color: #f2f4f7;--text-muted: #a7b0c0;--accent: #7dd0c9;--accent-strong: #93ddd6;--accent-soft: rgba(125, 208, 201, .18);--success: #4ec28a;--error: #f07486;--shadow-sm: 0 12px 28px rgba(0, 0, 0, .4);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .6);--navbar-bg: rgba(13, 15, 20, .85)}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-color);background:radial-gradient(1200px 600px at 15% -10%,rgba(47,111,108,.16),transparent 60%),radial-gradient(900px 520px at 85% 0%,rgba(235,181,94,.12),transparent 60%),var(--background);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem}p{color:var(--text-muted)}a{text-decoration:none;color:inherit;transition:color var(--transition),background var(--transition),transform var(--transition)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--container-padding)}.page-header{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}.page-title{font-size:clamp(2.2rem,4vw,2.8rem);margin-bottom:.75rem}.page-subtitle{max-width:640px;margin:0 auto;color:var(--text-muted)}.social-links{display:flex;gap:1rem;align-items:center;justify-content:flex-start}.social-links a{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--text-color);transition:transform var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.social-links a:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.social-icon{width:20px;height:20px}@media (max-width: 640px){:root{--section-spacing: 3.5rem;--nav-height: 64px}.social-links a{width:44px;height:44px}}main.container{flex:1;width:100%}.home-page{min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:center;padding:var(--section-spacing) var(--container-padding)}.hero-content{max-width:720px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:1rem}.hero-title{font-size:clamp(2.8rem,6vw,4.6rem);margin-bottom:1.25rem}.hero-title span{position:relative;color:var(--accent);z-index:0}.hero-title span:after{content:"";position:absolute;left:0;bottom:.2rem;width:100%;height:.5rem;background:var(--accent-soft);z-index:-1;border-radius:999px}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:1.5rem;max-width:620px}.hero-meta{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.primary-button,.secondary-button{padding:.85rem 1.6rem;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.primary-button{background-color:var(--accent);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-sm)}.primary-button:hover{background-color:var(--accent-strong);transform:translateY(-1px)}.secondary-button{background-color:transparent;color:var(--text-color);border:1px solid var(--border)}.secondary-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.social-links{margin-top:3rem}@media (max-width: 640px){.home-page{min-height:auto;padding:3.5rem var(--container-padding)}.hero-title{font-size:clamp(2.4rem,9vw,3.2rem)}.hero-title span:after{height:.35rem}.hero-subtitle{font-size:1.05rem}.hero-buttons{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%;justify-content:center}}.projects-page{padding:var(--section-spacing) var(--container-padding);max-width:1120px;margin:0 auto}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.project-card{background:var(--surface);border-radius:var(--radius-md);padding:1.6rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column;gap:.85rem}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.project-name{font-size:1.4rem;margin-bottom:.2rem;color:var(--text-color)}.project-meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem;color:var(--text-muted)}.project-meta-item{padding:.2rem .6rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border)}.project-description{flex-grow:1;color:var(--text-muted);line-height:1.6;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-link{align-self:flex-start;text-decoration:none;font-weight:600;color:var(--accent);transition:color var(--transition),transform var(--transition)}.project-link:hover{color:var(--accent-strong);transform:translate(2px)}@media (max-width: 960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.projects-page{padding:4rem var(--container-padding)}.projects-title{font-size:2rem}}@media (max-width: 640px){.project-grid{grid-template-columns:1fr}.project-card{padding:1.5rem}}.academic-particles-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:10}.academic-particle{position:absolute;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(0) scale(0);transition:none;font-size:.85rem}.academic-particle.chemistry{background-color:#5c85ff2e;color:var(--text-color);font-family:Times New Roman,serif;border:1px solid var(--border)}.academic-particle.quantum{background-color:#9c70ce2e;color:var(--text-color);font-family:Times New Roman,serif;font-style:italic;border:1px solid var(--border)}.academic-particle.ai{background-color:#4dbe9833;color:var(--text-color);font-family:Times New Roman,serif;border:1px solid var(--border)}@keyframes burst{0%{opacity:0;transform:translate(0) scale(0)}10%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}.academic-particle.burst{animation:burst 3s ease-out forwards}@media (max-width: 768px){.academic-particle{width:28px;height:28px;font-size:.7rem}}@media (max-width: 640px){.academic-particle{width:24px;height:24px;font-size:.65rem}}.about-page{padding:var(--section-spacing) var(--container-padding);max-width:1040px;margin:0 auto}.about-header{margin-bottom:clamp(2rem,4vw,3.5rem)}.about-title{margin-bottom:.5rem}.about-content{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}.about-image{border-radius:var(--radius-md);overflow:visible;position:relative;cursor:pointer}.about-image img{width:100%;height:auto;display:block;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition)}.about-image img:hover{transform:scale(1.01)}.location-tag{display:inline-flex;align-items:center;justify-content:center;margin-top:.9rem;padding:.35rem .9rem;font-size:.85rem;color:var(--text-muted);border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);transition:transform var(--transition),color var(--transition),border-color var(--transition);text-align:center}.location-tag a{display:inline-flex;align-items:center;gap:.4rem;color:inherit}.location-icon{width:14px;height:14px;fill:currentColor}.location-tag:hover{transform:translateY(-1px);color:var(--text-color);border-color:var(--accent)}.about-text p{color:var(--text-muted);line-height:1.8;margin:0}.about-text{max-width:640px;display:grid;gap:1.25rem}.about-socials{margin-top:clamp(2rem,4vw,3.5rem);justify-content:center}@media (max-width: 900px){.about-content{grid-template-columns:1fr}.about-image{max-width:420px;margin:0 auto}}@media (max-width: 640px){.about-page{padding:4rem var(--container-padding)}.about-text p{font-size:.98rem}}.contact-page{padding:var(--section-spacing) var(--container-padding, 1.25rem);max-width:52rem;margin-inline:auto;display:grid;gap:clamp(2rem,4vw,3.5rem)}.contact-header{margin:0}.contact-form{display:flex;flex-direction:column;gap:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-block-end:.5rem;color:var(--text-color)}.form-group label span{color:var(--accent)}.form-group :is(input,textarea){width:100%;padding:.85rem 1.15rem;font-size:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--text-color);transition:border-color .25s,box-shadow .25s,background .25s;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical;min-height:8rem}.form-group :is(input,textarea):focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.btn-primary{align-self:flex-start;padding:.9rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;background:var(--accent);color:#fff;transition:transform var(--transition),background var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){transform:translateY(-2px);background:var(--accent-strong)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.form-status{margin-block-start:1.25rem;font-size:.95rem}.form-status a{color:var(--accent);font-weight:600}.form-status a:hover{color:var(--accent-strong)}.form-status.success{color:var(--success)}.form-status.error{color:var(--error)}@media (max-width: 48rem){.contact-page{padding-block:4rem}}@media (max-width: 640px){.contact-form{padding:1.25rem}.btn-primary{width:100%;justify-content:center}}.footer{padding:1.5rem var(--container-padding);text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;line-height:1.6;background:var(--surface)}.footer p{margin:0}