*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%}:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f7;--bg-tertiary: #eaeaea;--text-primary: #37352f;--text-secondary: #787774;--border-light: #e6e6e6;--border-dark: #d4d4d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition: all .2s ease}[data-theme=dark]{--bg-primary: #191919;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #a6a6a6;--border-light: #333333;--border-dark: #404040}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}p{color:var(--text-secondary)}.app-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.page-container{width:100%;min-height:100vh;padding-top:80px;background:var(--bg-primary)}.page-header{padding:2rem 5%;text-align:center}.page-content{max-width:1000px;margin:0 auto;padding:0 5%}.section{margin-bottom:1px;padding:2rem;background:var(--bg-secondary);border-radius:0}.section:first-of-type{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.section:last-of-type{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.card{padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:var(--transition)}.tag:hover{background:var(--border-light)}@media (max-width: 768px){.page-header{padding:1.5rem 1rem}.page-content{padding:0 1rem}.section{padding:1.5rem}.card{padding:1.25rem}}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{font-size:clamp(1rem,2vw,1.125rem)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.btn-group{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 768px){.btn{padding:.625rem 1.25rem;font-size:.875rem}.btn-group{flex-direction:column;gap:.75rem}}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-content{max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.nav-brand:hover{color:var(--text-secondary)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition);border-radius:var(--radius-sm)}.nav-link i{font-size:1rem}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:var(--bg-secondary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm)}.theme-toggle:hover{color:var(--text-primary);background-color:var(--bg-secondary)}@media (max-width: 768px){.nav-content{padding:0 1rem}.nav-brand{font-size:1.125rem}.nav-links{gap:1rem}.nav-link span{display:none}.nav-link{padding:.5rem}.nav-link i{font-size:1.125rem}}.footer{width:100%;background-color:var(--bg-primary);border-top:1px solid var(--border-light);padding:2rem 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.social-links{display:flex;gap:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;text-decoration:none;transition:all .3s ease;border-radius:8px}.social-link svg{width:24px;height:24px;transition:transform .3s ease}.social-link:hover svg{transform:scale(1.1)}.social-link.github{background-color:#24292e;color:#fff}.social-link.github:hover{background-color:#2f363d}.social-link.linkedin{background-color:#0a66c2;color:#fff}.social-link.linkedin:hover{background-color:#004182}.social-link.email{background-color:#ea4335;color:#fff}.social-link.email:hover{background-color:#d33828}.copyright{color:var(--text-secondary);font-size:.875rem;text-align:center}.privacy-notice{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;text-align:center;opacity:.8}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-content{padding:0 1rem;gap:1rem}.social-links{gap:1rem}.social-link{width:38px;height:38px}.social-link svg{width:20px;height:20px}}.home-container{width:100%;min-height:100vh;padding-top:80px;background:var(--bg-primary)}.hero-section{padding:6rem 5% 4rem;text-align:center;max-width:800px;margin:0 auto;background:var(--bg-primary)}.hero-section h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.featured-section{padding:4rem 0;background-color:var(--bg-secondary)}.featured-section h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--text-primary);max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-bottom:6rem;padding:0 2rem}.skill-card{background-color:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column}.skill-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.skill-icon{font-size:2rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--bg-secondary);border-radius:var(--radius-lg);transition:var(--transition)}.skill-card:hover .skill-icon{transform:scale(1.1);color:var(--text-primary);background-color:var(--bg-tertiary)}.skill-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.skill-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.cta-section{text-align:center;margin-top:4rem;padding:4rem 2rem;background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.cta-section p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.contact-section{padding:4rem 0 0;background-color:var(--bg-primary);margin:0;width:100%}.contact-content{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-text{display:flex;flex-direction:column;gap:1.5rem}.contact-text h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.contact-text p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.contact-highlights{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.highlight-item{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-light);padding:1rem;border-radius:8px;transition:all .3s ease}.highlight-item i{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--primary);border-radius:6px}.highlight-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.contact-box{background-color:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-light)}.contact-box h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;text-decoration:none;transition:all .3s ease;background-color:var(--bg-secondary);border:1px solid var(--border-light)}.contact-method i{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.contact-method.email i{color:#ea4335;background-color:#ea43351a}.contact-method.linkedin i{color:#0a66c2;background-color:#0a66c21a}.contact-method.github i{color:#24292e;background-color:#24292e1a}.contact-method div{display:flex;flex-direction:column;gap:.25rem}.contact-method h4{color:var(--text-primary);font-size:1rem;font-weight:600}.contact-method span{color:var(--text-secondary);font-size:.875rem}.contact-method:hover{transform:translateY(-2px);background-color:var(--bg-hover)}.availability{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;background-color:#16a34a1a;color:#16a34a}.availability i{font-size:.75rem}@media (max-width: 768px){.hero-section{padding:4rem 1rem 2rem}.featured-section{padding:3rem 0}.featured-section h2,.skills-grid{padding:0 1rem}.contact-content{grid-template-columns:1fr;padding:0 1rem 3rem;gap:2rem}.contact-text{text-align:center}.contact-highlights{align-items:center}.featured-section h2{font-size:1.75rem;margin-bottom:2rem}.skills-grid{gap:1.5rem;margin-bottom:4rem}.skill-card{padding:1.5rem}.skill-icon{width:48px;height:48px;font-size:1.5rem}.cta-section{margin-top:3rem;padding:3rem 1rem}.cta-section p{font-size:1.125rem}.contact-text h2{font-size:1.75rem}.contact-box{padding:1.5rem}}[data-theme=dark] .page-container,[data-theme=dark] .featured-section,[data-theme=dark] .contact-section,[data-theme=dark] .contact-highlights{background-color:#000;color:#fff}[data-theme=dark] .highlight-item{background-color:#111;border:1px solid #333333;padding:1rem;border-radius:8px}[data-theme=dark] .highlight-item i{background-color:#222;color:#888}[data-theme=dark] .subtitle,[data-theme=dark] .section-description{color:#888}[data-theme=dark] .contact-box,[data-theme=dark] .contact-method{background-color:#111;border:1px solid #333333}[data-theme=dark] .contact-method:hover{background-color:#222}[data-theme=dark] .contact-method i{color:#888}[data-theme=dark] .availability{background-color:#111;border:1px solid #333333;color:#888}.about-container{width:100%;min-height:100vh;padding-top:80px;background:var(--bg-color)}.page-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.contact-info{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.contact-info p{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.contact-info a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.contact-info a:hover,.contact-info i{color:var(--primary)}.section{padding:4rem 0;width:100%}.section:nth-child(2n){background-color:var(--bg-secondary)}.section h2{font-size:2rem;color:var(--text-primary);margin-bottom:2rem;text-align:center}.card{background-color:var(--bg-primary);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-light);box-shadow:0 4px 6px #0000001a}.card:last-child{margin-bottom:0}.card h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.institution{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.duration{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.card ul{margin:1rem 0;padding-left:1.5rem;color:var(--text-secondary)}.card li{margin-bottom:.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}@media (max-width: 768px){.page-header{padding:4rem 0 2rem}.contact-info{padding:0 1rem;flex-direction:column;align-items:center;gap:1rem}.section{padding:3rem 0}.section-content{padding:0 1rem}.card{padding:1.5rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}}.page-link{color:var(--primary);text-decoration:none;margin-left:1rem;font-size:1rem;font-weight:400}.page-link:hover{text-decoration:underline}.experience-list,.projects-list,.certificates-list{list-style:none;padding:0;margin:0}.experience-list .tags,.projects-list .tags{margin-top:.75rem}.experience-list li,.projects-list li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.experience-list li:last-child,.projects-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.experience-list h3,.projects-list h3{margin:0 0 .5rem;color:var(--text-primary)}.certificates-list li{margin-bottom:.75rem;color:var(--text-secondary)}.certificates-list li:last-child{margin-bottom:0}.education-item{margin-bottom:2rem}.education-item:last-child{margin-bottom:0}[data-theme=dark] .page-link{color:#888}[data-theme=dark] .experience-list li,[data-theme=dark] .projects-list li{border-bottom-color:#333}[data-theme=dark] .card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ffffff1a}[data-theme=dark] .tag{background-color:#222;color:#fff;border:1px solid #333333}[data-theme=dark] .project-header h2{color:#fff}[data-theme=dark] .period{color:#888}[data-theme=dark] .description{color:#ddd}[data-theme=dark] h3{color:#fff}.page-container{min-height:100vh;padding:2rem;transition:background-color .3s ease}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;margin-bottom:1rem}.subtitle{font-size:1.2rem;color:#666}.section{margin-bottom:2rem;transition:background-color .3s ease}.section-content{max-width:1200px;margin:0 auto;display:grid;gap:2rem}.card{padding:2rem;border-radius:10px;transition:all .3s ease}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h2{margin:0;font-size:1.5rem}.period{font-size:.9rem}.description{margin-bottom:1.5rem;line-height:1.6}.project-details{margin-bottom:1.5rem}.project-details ul{list-style-type:none;padding-left:0}.project-details li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.project-details li:before{content:"•";position:absolute;left:0;color:#666}.technologies h3{margin-bottom:1rem}.tag{padding:.4rem .8rem;border-radius:20px;font-size:.9rem;transition:all .3s ease}.github-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.github-link i{font-size:1.25rem}.github-link:hover{transform:translateY(-2px);background-color:var(--bg-hover);box-shadow:var(--shadow-sm)}[data-theme=dark] .github-link{background-color:#111;border-color:#333;color:#fff}[data-theme=dark] .github-link:hover{background-color:#222}.unavailable-notice{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-style:italic}.unavailable-notice i{font-size:1.25rem}[data-theme=dark] .unavailable-notice{background-color:#111;border-color:#333;color:#888}@media (max-width: 768px){.page-container{padding:1rem}.card{padding:1.5rem}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}}[data-theme=dark]{scrollbar-color:#333333 #000000;scrollbar-width:thin}[data-theme=dark]::-webkit-scrollbar{width:10px}[data-theme=dark]::-webkit-scrollbar-track{background:#000}[data-theme=dark]::-webkit-scrollbar-thumb{background:#333;border-radius:5px}[data-theme=dark]::-webkit-scrollbar-thumb:hover{background:#444}.page-header{padding:6rem 0 4rem;background-color:var(--bg-primary);text-align:center}.page-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.subtitle{font-size:clamp(1.25rem,3vw,1.5rem);color:var(--text-secondary);margin-bottom:1.5rem}.section{padding:4rem 0;background-color:var(--bg-secondary);width:100%}.section-content{max-width:1200px;margin:0 auto;padding:0 2rem}.card{background-color:var(--bg-primary);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-light);box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.experience-header{margin-bottom:1.5rem}.experience-header h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.role{font-size:1.25rem;color:var(--primary);font-weight:500}.company-info{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;color:var(--text-secondary)}.company-info p{display:flex;align-items:center;gap:.5rem}.company-info i{color:var(--primary);width:1.25rem}.company-info a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.company-info a:hover{color:var(--primary)}.description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.achievements{margin-bottom:2rem}.achievements h3,.technologies h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.achievements ul{list-style-type:none;padding:0;margin:0}.achievements li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.achievements li:before{content:"•";color:var(--primary);position:absolute;left:0;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;transition:var(--transition)}.tag:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.project-link{display:flex;align-items:center;gap:.5rem}.project-link i{color:var(--primary)}.project-link a{color:var(--primary)!important}.project-link a:hover{text-decoration:underline}@media (max-width: 768px){.page-header{padding:4rem 0 2rem}.section{padding:3rem 0}.section-content{padding:0 1rem}.card{padding:1.5rem}.experience-header h2{font-size:1.5rem}.role{font-size:1.1rem}.company-info{gap:1rem;flex-direction:column}.description{font-size:1rem}}[data-theme=dark] .page-container{background-color:#000;color:#fff}[data-theme=dark] .page-header,[data-theme=dark] .section{background-color:#000}[data-theme=dark] .card{background-color:#111;border:1px solid #333333}[data-theme=dark] .subtitle{color:#888}[data-theme=dark] .company-info a{color:#fff}[data-theme=dark] .company-info a:hover{color:#888}[data-theme=dark] .project-link i,[data-theme=dark] .project-link a{color:#888!important}