.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fffc;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:var(--transition);border-bottom:1px solid transparent}.header.scrolled{background-color:#fffffff2;border-bottom-color:var(--color-gray-dark)}.nav{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:var(--font-size-lg);font-weight:600;cursor:pointer;color:var(--color-text);transition:var(--transition)}.nav-brand:hover{opacity:.7}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-links li button{font-size:var(--font-size-sm);color:var(--color-text);padding:var(--spacing-xs) 0;position:relative;background:none;border:none;cursor:pointer}.nav-links li button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-text);transition:width .3s ease}.nav-links li button:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.menu-toggle span{width:24px;height:2px;background-color:var(--color-text);transition:var(--transition)}.menu-toggle span:nth-child(1).open{transform:rotate(45deg) translate(6px,6px)}.menu-toggle span:nth-child(2).open{opacity:0}.menu-toggle span:nth-child(3).open{transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:#fffffffa;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:var(--spacing-md);gap:var(--spacing-sm);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);border-bottom:1px solid var(--color-gray-dark)}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%}.nav-links li button{width:100%;text-align:left;padding:var(--spacing-sm)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;background:linear-gradient(to bottom,var(--color-white),var(--color-gray))}.hero-content{max-width:800px;padding:var(--spacing-lg);animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{margin-bottom:var(--spacing-sm)}.hero-name{font-size:var(--font-size-5xl);font-weight:600;letter-spacing:-.02em;color:var(--color-text);display:block;line-height:1.1}.hero-subtitle{font-size:var(--font-size-2xl);font-weight:400;color:var(--color-text-light);margin-bottom:var(--spacing-xs);letter-spacing:.01em}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.hero-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.hero-link{font-size:var(--font-size-base);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-text);border-radius:20px;transition:var(--transition);display:inline-block}.hero-link:hover{background-color:var(--color-text);color:var(--color-white);transform:translateY(-2px)}.hero-contact{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.8}@media (max-width: 768px){.hero-name{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-base)}.hero-links{flex-direction:column;align-items:center}.hero-link{width:200px}}.about{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-white)}.section-title{font-size:var(--font-size-4xl);font-weight:600;text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:-.02em;color:var(--color-text)}.about-content{max-width:800px;margin:0 auto}.about-text{font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.education-section{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--color-gray);border-radius:12px}.education-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center}.education-item{background-color:var(--color-white);padding:var(--spacing-md);border-radius:8px}.education-header{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center}.education-school{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.education-location,.education-period{font-size:var(--font-size-sm);color:var(--color-text-light)}.education-details{margin-top:var(--spacing-sm)}.education-degree{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.education-gpa{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.education-courses{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.6}.about-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.stat{text-align:center}.stat-value{font-size:var(--font-size-3xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.section-title{font-size:var(--font-size-3xl)}.about-text{font-size:var(--font-size-base)}.about-stats{flex-direction:column;gap:var(--spacing-md)}}.experience{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-gray)}.experience-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.experience-item{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:var(--transition)}.experience-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.experience-header{margin-bottom:var(--spacing-md)}.experience-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.experience-evaluation{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:400;font-style:italic}.experience-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-xs)}.experience-company,.experience-location,.experience-period{font-size:var(--font-size-sm);color:var(--color-text-light)}.experience-company{font-weight:500;color:var(--color-text)}.experience-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-dark)}.tech-tag{font-size:var(--font-size-xs);padding:4px 12px;background-color:var(--color-gray);color:var(--color-text);border-radius:12px;font-weight:500}.experience-achievements{list-style:none;padding-left:0}.achievement-item{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.achievement-item:before{content:"•";position:absolute;left:0;color:var(--color-text-light);font-weight:700}.achievement-item:last-child{margin-bottom:0}@media (max-width: 768px){.experience-item{padding:var(--spacing-md)}.experience-title{font-size:var(--font-size-lg)}.experience-meta{flex-direction:column;gap:4px}}.skills{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-white)}.skills-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.skill-category{background-color:var(--color-gray);padding:var(--spacing-lg);border-radius:12px;transition:var(--transition)}.skill-category:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.skill-category-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center}.skill-items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.skill-item{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);color:var(--color-text);border-radius:20px;border:1px solid var(--color-gray-dark);transition:var(--transition)}.skill-item:hover{background-color:var(--color-text);color:var(--color-white);border-color:var(--color-text);transform:scale(1.05)}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.skill-category{padding:var(--spacing-md)}}.projects{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-gray)}.projects-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.project-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:var(--transition);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-xs)}.project-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.project-period{font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-dark)}.project-tech-tag{font-size:var(--font-size-xs);padding:4px 12px;background-color:var(--color-gray);color:var(--color-text);border-radius:12px;font-weight:500}.project-description{list-style:none;padding-left:0;flex:1}.project-desc-item{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.project-desc-item:before{content:"•";position:absolute;left:0;color:var(--color-text-light);font-weight:700}.project-desc-item:last-child{margin-bottom:0}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--spacing-md)}.project-header{flex-direction:column}}.footer{background-color:var(--color-text);color:var(--color-white);padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-xl)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{font-size:var(--font-size-sm);color:var(--color-gray-dark)}.footer-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.footer-links a{font-size:var(--font-size-sm);color:var(--color-gray-dark);transition:var(--transition)}.footer-links a:hover{color:var(--color-white)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-text: #1d1d1f;--color-text-light: #86868b;--color-white: #ffffff;--color-gray: #f5f5f7;--color-gray-dark: #d2d2d7;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-size-5xl: 5rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-white);line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit;transition:var(--transition)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition)}section{padding:var(--spacing-xl) var(--spacing-md);max-width:1200px;margin:0 auto}@media (max-width: 768px){section{padding:var(--spacing-lg) var(--spacing-sm)}:root{--font-size-5xl: 3rem;--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--spacing-xl: 4rem;--spacing-lg: 2rem}}