.navbar{background:#0000;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34224a,#66124a);-webkit-background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:700;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:#fff;cursor:pointer;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.navbar.scrolled .nav-link{color:#4a5568}.nav-link.active:after{background:#9d3650;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none}.navbar.scrolled .menu-toggle{color:#4a5568}@media (max-width:768px){.nav-links{background:#fff;box-shadow:-5px 0 20px #0000001a;flex-direction:column;height:100vh;padding:5rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%}.nav-links.open{right:0}.nav-link{color:#4a5568!important;font-size:1.2rem}.menu-toggle{display:block;z-index:1001}}.hero{align-items:center;background:linear-gradient(135deg,#c23232,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero:before{animation:float 20s linear infinite;background:url('data:image/svg+xml;charset=utf-8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%{transform:translate(0)}to{transform:translate(-60px,-60px)}}.hero-content{animation:fadeInUp 1s ease;color:#fff;padding:0 2rem;position:relative;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;box-shadow:0 10px 20px #0003;color:#764ba2}.btn-primary:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.about{background:#fff;padding:5rem 2rem}.section-title:after{background:#764ba2}.about-content{color:#4a5568;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.fade-in{animation:fadeIn .8s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.skills{background:#f8fafc;padding:5rem 2rem}.tech-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.tech-category{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:2rem;transition:all .3s ease}.tech-category:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.category-title{color:#9d3650;font-size:1.3rem;margin-bottom:1.5rem;text-transform:capitalize}.tech-items{display:flex;flex-wrap:wrap;gap:1rem}.tech-item{align-items:center;background:#f8fafc;border-radius:25px;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.tech-item:hover{background:#667eea;color:#fff;transform:scale(1.05)}@media (max-width:768px){.tech-categories{grid-template-columns:1fr}}.projects{background:#fff;padding:5rem 2rem}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.project-card{background:#f8fafc;border-radius:15px;box-shadow:0 5px 20px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-10px)}.project-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0}.project-image{height:300px;overflow:hidden;position:relative;width:100%}.project-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.project-content{padding:2rem}.project-title{color:#1a202c;font-size:1.5rem;margin-bottom:1rem}.project-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#e3e3e5;border-radius:20px;font-size:.875rem;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;color:#9d3650;display:flex;font-weight:600;gap:.3rem;text-decoration:none;transition:all .3s ease}.project-link:hover{transform:translateX(5px)}@media (max-width:768px){.project-grid{grid-template-columns:1fr}}.contact{background:#f8fafc;padding:5rem 2rem}.contact-content{margin:0 auto;max-width:600px;text-align:center}.contact-text{color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.contact-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.contact-link{align-items:center;color:#4a5568;display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#9d3650;transform:translateY(-2px)}.footer{background:#230d39;color:#fff;padding:2rem;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.App{background:#f8fafc;min-height:100vh}.container{margin:0 auto;max-width:1200px}.section-title{color:#1a202c;font-size:2.5rem;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:#aa3a56;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}
/*# sourceMappingURL=main.35f0ed74.css.map*/