:root{--background:#f4f4f4;--primary:#2e2e2e;--secondary:#fff;--accent:#4a90e2}*{box-sizing:border-box}body{background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}#root{min-height:100vh}.navigation{z-index:1000;background-color:#0000;padding:1.5rem 2rem;transition:all .3s;position:fixed;top:0;left:0;right:0}.navigation.scrolled{background-color:var(--secondary);padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--primary);margin:0;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}@media (width<=768px){.nav-links{gap:1rem}.nav-link{font-size:.9rem}.nav-logo{font-size:1.25rem}}.hero{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.hero-content{text-align:center;max-width:800px}.hero-title{color:var(--primary);margin-bottom:.5rem;font-size:3rem;font-weight:700}.hero-subtitle{color:var(--accent);margin-bottom:1rem;font-size:1.5rem}.hero-description{color:var(--primary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--accent);color:var(--secondary)}.btn-primary:hover{background-color:#3a7bc8;transform:translateY(-2px)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-secondary:hover{background-color:var(--primary);color:var(--secondary);transform:translateY(-2px)}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}}.about{background-color:var(--secondary);padding:5rem 2rem}.about-content{align-items:center;gap:3rem;display:flex}.about-text{flex:1}.about-text p{color:var(--primary);margin-bottom:1rem;font-size:1.1rem;line-height:1.8}@media (width<=768px){.about-content{flex-direction:column}.section-title{font-size:2rem}}.skills{background-color:var(--background);padding:5rem 2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.skill-card{background-color:var(--secondary);border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.skill-category{color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.skill-list{margin:0;padding:0;list-style:none}.skill-item{color:var(--primary);border-bottom:1px solid #e0e0e0;padding:.5rem 0;font-size:1.1rem}.skill-item:last-child{border-bottom:none}@media (width<=768px){.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}}.projects{background-color:var(--secondary);padding:5rem 2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{background-color:var(--background);border-radius:12px;flex-direction:column;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 6px #0000001a}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.project-title{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.project-description{color:var(--primary);flex-grow:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.project-technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{background-color:var(--accent);color:var(--secondary);border-radius:16px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.project-link{color:var(--accent);font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s}.project-link:hover{color:#3a7bc8}@media (width<=768px){.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}}.contact{background-color:var(--background);padding:5rem 2rem}.container{max-width:1000px;margin:0 auto}.section-title{color:var(--primary);text-align:center;margin-bottom:2rem;font-size:2.5rem}.contact-content{text-align:center}.contact-description{color:var(--primary);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.8}.contact-links{flex-direction:column;align-items:center;gap:1rem;display:flex}.contact-link{color:var(--primary);background-color:var(--secondary);border-radius:8px;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:300px;padding:1rem 2rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{background-color:var(--accent);color:var(--secondary);transform:translateY(-2px)}.contact-icon{font-size:1.5rem}@media (width<=768px){.section-title{font-size:2rem}.contact-links{width:100%}.contact-link{max-width:100%}}