@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}.navbar{width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:1000;font-family:Inter,sans-serif;box-shadow:0 4px 15px #0066ff4d;transition:background .3s ease-in-out}.navbar-container{display:flex;justify-content:space-between;width:100%;align-items:center}.navbar-title{font-size:1.8rem;font-weight:600;color:#fff;transition:color .3s ease-in-out}.navbar-menu{display:flex;gap:1.5rem;align-items:center}.navbar-menu button{background:none;border:none;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease-in-out}.navbar-menu button:hover{color:#06f}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}.language-switcher{display:flex;gap:.5rem;align-items:center}.language-icon{width:24px;height:24px;cursor:pointer;transition:transform .3s ease}.language-icon.active{transform:scale(1.2)}@media (max-width: 768px){.menu-toggle{display:block}.navbar-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:1rem;box-shadow:0 4px 10px #06f3}.navbar-menu.open{display:flex}.navbar-menu button{text-align:center;width:100%;font-size:1.2rem}}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:8.5rem 2rem 5rem;position:relative;overflow:hidden;font-family:Inter,sans-serif;text-align:center;margin-top:60px}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/line-pattern-ByPZQN1y.png);background-size:cover;opacity:.1;pointer-events:none}.about-container{display:flex;align-items:center;justify-content:center;gap:80px;flex-wrap:wrap}.about-image{width:300px;height:auto;object-fit:cover;flex-shrink:0;border:none;box-shadow:10px 10px 40px #0066ff4d;transform:rotate(-3deg)}.about-text{max-width:500px}.about-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.about-text h2:after{content:"";display:block;width:80px;height:4px;background:#06f;margin:10px auto;border-radius:2px;transition:width .3s ease-in-out}.about-text:hover h2:after{width:120px}.about-text p{font-size:1.3rem;line-height:1.5;opacity:.85;margin-bottom:1rem}.icons-container{display:flex;justify-content:center;align-items:center;gap:55px;margin-top:60px;flex-wrap:wrap}.icon-item{display:flex;flex-direction:column;align-items:center}.icon{font-size:3rem;color:#fff;transition:transform .3s ease,color .3s ease}.icon-item p{margin-top:8px;font-size:1rem;font-weight:700;color:#ccc}.cv-container{display:flex;flex-direction:column;align-items:center;gap:45px;flex-shrink:0}.cv-button{display:inline-block;margin-top:10px;padding:15px 30px;font-size:1.2rem;font-weight:600;text-align:center;color:#fff;background:linear-gradient(135deg,#06f,#03c);border:none;border-radius:10px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 5px 15px #0066ff80}.cv-button:hover{background:linear-gradient(135deg,#03c,#001a66);transform:scale(1.08);box-shadow:0 8px 20px #0066ffb3}.cv-button:active{transform:scale(.95)}@media (max-width: 900px){.about-container{display:flex;flex-direction:column;text-align:center;gap:2rem}.about-image{width:220px}.about-text{max-width:100%}.about-text h2{font-size:2.5rem}.about-text p{font-size:1.1rem}.cv-button{padding:14px 28px;font-size:1.1rem}.cv-container{order:1;display:flex;flex-direction:column;align-items:center}.about-text{order:2}.cv-button{margin-top:15px;padding:16px 32px;font-size:1.2rem}}@media (max-width: 600px){.about{padding:3rem 1rem}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.icon{font-size:2.5rem}.icons-container{gap:20px;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center}.cv-container{order:3}.cv-button{margin-top:30px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:8.5rem 2rem 5rem;text-align:center;font-family:Inter,sans-serif}.projects h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;padding:0 2rem}.project-card{background:#1e1e1e;border-radius:12px;padding:20px;box-shadow:0 4px 10px #0066ff80;transition:transform .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{transform:scale(1.05)}.project-card img{width:100%;height:200px;object-fit:cover;border-radius:8px}.project-info{text-align:left;margin-top:15px}.project-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.project-info p{font-size:.9rem;color:#ccc;line-height:1.4}.tech-stack{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background-color:#333;color:#fff;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:500;letter-spacing:.3px}.project-meta{margin-top:12px;font-size:.75rem;color:#aaa;display:flex;flex-wrap:wrap;gap:8px}.project-links{display:flex;justify-content:center;gap:40px;margin-top:20px}.project-links a{text-decoration:none;color:#0af;font-weight:600;transition:color .3s;display:flex;align-items:center;gap:6px}.project-links a:hover{color:#fff}@media (max-width: 900px){.projects h2{font-size:2rem}.projects-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 600px){.projects{padding:3rem 1rem}.projects h2{font-size:1.8rem}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:6rem 2rem 4rem;text-align:center;font-family:Inter,sans-serif}.projects h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative}.projects h2:after{content:"";display:block;width:80px;height:4px;background:#06f;margin:10px auto;border-radius:2px;transition:width .3s ease-in-out}.projects:hover h2:after{width:120px}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;width:100%;padding:0 1rem}.projects-container>.centered-card{justify-self:center;grid-column:1 / -1;max-width:600px}@media (max-width: 768px){.projects{padding:4rem 1rem 3rem}.projects-container{grid-template-columns:1fr}.projects h2{font-size:2rem}.projects h2:after{width:60px}.projects:hover h2:after{width:80px}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:4rem 2rem 12rem;position:relative;overflow:hidden;font-family:Inter,sans-serif;text-align:center}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/line-pattern-ByPZQN1y.png);background-size:cover;background-position:center;opacity:.1;pointer-events:none}.contact-container{max-width:600px;padding:50px;background:#00000080;border-radius:10px;text-align:center}.contact-container h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem;position:relative}.contact-container h2:after{content:"";display:block;width:80px;height:4px;background:#06f;margin:10px auto;border-radius:2px;transition:width .3s ease-in-out}.contact-container:hover h2:after{width:100px}.contact-container h3{font-size:1.2rem;font-weight:400;opacity:.85;margin-bottom:2rem;line-height:1.5}.social-icons{display:flex;justify-content:center;align-items:center;gap:55px;margin-top:50px;flex-wrap:wrap}.icon{font-size:2.5rem;color:#fff;transition:transform .3s ease,color .3s ease}.icon:hover{transform:scale(1.2);color:#06f}@media (max-width: 900px){.social-icons{gap:25px}}@media (max-width: 600px){.contact{padding:2.5rem 1rem}.contact-container h2{font-size:1.8rem}.contact-container h3{font-size:1.2rem}.icon{font-size:2rem}}.footer{width:100%;background-color:#121212;color:#fff;text-align:center;padding:1rem;font-family:Inter,sans-serif;font-size:.9rem;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #0066ff4d}
