@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;transition:all .3s ease;padding:20px 0}.navbar--scrolled{background:var(--dark-color);box-shadow:0 2px 20px #0000001a;padding:15px 0}.navbar__container{max-width:1400px;margin:0 auto;padding:0 50px;display:flex;justify-content:space-between;align-items:center}.navbar__logo{background:none;border:none;cursor:pointer;padding:0}.logo-text{font-size:1.8rem;font-weight:700;color:var(--text-color);background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.navbar__toggle{display:none;background:none;border:none;cursor:pointer;padding:5px}.toggle-bar{display:block;width:25px;height:3px;background:var(--text-color);margin:5px 0;transition:all .3s ease}.navbar__toggle.active .toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__toggle.active .toggle-bar:nth-child(2){opacity:0}.navbar__toggle.active .toggle-bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar__menu{display:flex;align-items:center}.navbar__nav{display:flex;list-style:none;margin:0;padding:0;gap:30px}.navbar__nav-item{margin:0}.navbar__nav-link{background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-color);cursor:pointer;padding:5px 0;position:relative;transition:color .3s ease}.navbar__nav-link:hover{color:var(--primary-color)}.navbar__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.navbar__nav-link:hover:after{width:100%}.navbar__social{display:flex;align-items:center;gap:15px}.social-link{color:var(--text-color);font-size:1.2rem;transition:color .3s ease}.social-link:hover{color:var(--primary-color)}@media (max-width: 992px){.navbar__container{padding:0 30px}.navbar__toggle{display:block}.navbar__menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:var(--dark-color);box-shadow:-5px 0 20px #0000004d;transition:right .4s ease;flex-direction:column;justify-content:center;z-index:5}.navbar__menu--open{right:0}.navbar__nav{flex-direction:column;align-items:center;gap:20px}.navbar__nav-item{margin:10px 0}.navbar__nav-link{font-size:1.2rem}.navbar__social{position:absolute;bottom:50px;left:0;width:100%;justify-content:center}}@media (max-width: 480px){.navbar__container{padding:0 20px}.logo-text{font-size:1.5rem}.navbar__menu{width:100%}}.home{position:relative;padding:0;overflow:hidden}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.particle{position:absolute;background:#6464ff1a;border-radius:50%;animation:float linear infinite;transform:scale(0);opacity:0}@keyframes float{0%{transform:scale(0);opacity:0}20%{transform:scale(1);opacity:.7}to{transform:translateY(-150px) scale(.5);opacity:0}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 10%;z-index:1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto;width:100%}.hero-text{display:flex;flex-direction:column;gap:20px}.title{font-size:4.5rem;margin-bottom:1rem;transform:translateY(20px);opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275);line-height:1.1}.title.animate-in{transform:translateY(0);opacity:1}.highlight{background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.subtitle{font-size:1.5rem;margin-bottom:2rem;color:#7c7c7c;transform:translateY(20px);opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275);transition-delay:.2s}.subtitle.animate-in{transform:translateY(0);opacity:1}.cta-container{display:flex;gap:20px;transform:translateY(20px);opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275);transition-delay:.4s}.cta-container.animate-in{transform:translateY(0);opacity:1}.cta-button{display:inline-block;padding:12px 30px;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.cta-button.primary{background:linear-gradient(45deg,#6e72fc,#ad1deb);color:#fff;box-shadow:0 5px 15px #6e72fc66}.cta-button.secondary{background:transparent;color:#333;border:2px solid #6e72fc}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.cta-button.primary:hover{background:linear-gradient(45deg,#5a5cfa,#9b19d9)}.cta-button.secondary:hover{background:#6e72fc1a}.hero .scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#7c7c7c;font-size:.9rem;opacity:.7;animation:fadeInUp 1.5s ease 1s forwards;opacity:0;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:.7;transform:translate(-50%)}}.scroll-arrow{width:20px;height:30px;border:2px solid #7c7c7c;border-radius:15px;margin-top:10px;position:relative}.scroll-arrow:before{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;background:#7c7c7c;border-radius:50%;transform:translate(-50%);animation:scrollDown 2s infinite}@keyframes scrollDown{0%{opacity:1;transform:translate(-50%)}75%{opacity:0;transform:translate(-50%,15px)}to{opacity:0;transform:translate(-50%,15px)}}.featured-section{position:relative;padding:100px 10%;background:transparent;overflow:hidden}.section-title{font-size:2.5rem;margin-bottom:50px;text-align:center;position:relative;color:#fff}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:70px;height:4px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:2px}.featured-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.featured-item{background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0003;transition:transform .3s ease;border:1px solid rgba(255,255,255,.1)}.featured-item:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0000004d}.featured-tech{height:200px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;padding:20px}.tech-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.tech-icons i{font-size:2.5rem;color:#fff;transition:transform .3s ease}.tech-icons i:hover{transform:scale(1.2)}.featured-item h3{padding:20px 20px 10px;font-size:1.4rem;color:#fff}.featured-item p{padding:0 20px;color:#e0e0e0;line-height:1.6}.featured-link{display:inline-block;margin:20px;color:var(--primary-color);font-weight:600;text-decoration:none;position:relative;transition:all .3s ease;background:none;border:none;cursor:pointer;padding:0}.featured-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.featured-link:hover{color:var(--secondary-color)}.featured-link:hover:after{width:100%;background:var(--secondary-color)}.skills-section{padding:100px 10%;background:transparent}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.skill-category{background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:15px;box-shadow:0 5px 20px #0003;border:1px solid rgba(255,255,255,.1)}.skill-category h3{font-size:1.5rem;margin-bottom:25px;color:#fff;position:relative;padding-bottom:10px}.skill-category h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:1.5px}.skill-items{display:flex;flex-direction:column;gap:20px}.skill-item{width:100%}.skill-info{display:flex;justify-content:space-between;margin-bottom:8px}.skill-info span{font-weight:500;color:#e0e0e0}.skill-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:4px;transition:width 1s ease-in-out}@media (max-width: 768px){.title{font-size:3rem}.subtitle{font-size:1.2rem}.cta-container{flex-direction:column;gap:15px}.featured-section,.skills-section{padding:80px 5%}}@media (max-width: 480px){.title{font-size:2.5rem}.featured-grid,.skills-grid{grid-template-columns:1fr}}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}.skill-category{padding:25px}}.contact-section{position:relative;padding:100px 10%;background:transparent;overflow:hidden}.contact-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px}.contact-info{background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:15px;box-shadow:0 5px 20px #0003;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.contact-info:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.contact-info h3{font-size:1.8rem;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.contact-info h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:1.5px}.contact-info p{color:#e0e0e0;margin-bottom:30px;line-height:1.6;font-size:1.1rem}.contact-links{display:flex;flex-direction:column;gap:15px}.contact-link{display:flex;align-items:center;gap:15px;color:#e0e0e0;text-decoration:none;transition:all .3s ease;padding:15px 20px;border-radius:10px;background:#3c3c3cf2;border:1px solid rgba(255,255,255,.1)}.contact-link:hover{background:#505050f2;transform:translate(10px);color:#fff;box-shadow:0 5px 15px #0003}.contact-link i{font-size:1.4rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:transform .3s ease}.contact-link:hover i{transform:scale(1.2)}@media (max-width: 768px){.contact-section{padding:80px 5%}.contact-info{padding:30px}.contact-info h3{font-size:1.5rem}.contact-link{padding:12px 15px}}@media (max-width: 480px){.contact-section{padding:60px 5%}.contact-info{padding:25px}.contact-link{font-size:.9rem;padding:10px 15px}.contact-link i{font-size:1.2rem}}.footer{background-color:transparent;padding:80px 0 30px;position:relative}.footer.dark-theme{background-color:transparent}.footer__container{max-width:1400px;margin:0 auto;padding:0 50px}.footer__top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-bottom:50px}.footer__info{max-width:350px}.footer__logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;margin-bottom:15px}.footer__description{color:#e0e0e0;line-height:1.6;margin-bottom:20px}.footer__social{display:flex;gap:15px}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#282828f2;border-radius:50%;color:#fff;transition:all .3s ease;box-shadow:0 2px 10px #0003;border:1px solid rgba(255,255,255,.1)}.footer__social a:hover{background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #4a9eff66}.footer__links{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.footer__links-title{font-size:1.2rem;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer__links-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));border-radius:1.5px}.footer__links-list{list-style:none;padding:0;margin:0}.footer__links-list li{margin-bottom:10px}.footer__links-list a{color:#e0e0e0;text-decoration:none;transition:color .3s ease;display:inline-block;padding:3px 0}.footer__links-list a:hover{color:var(--primary-color)}.footer__newsletter{background:#282828f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:15px;box-shadow:0 5px 20px #0003;border:1px solid rgba(255,255,255,.1)}.footer__newsletter-title{font-size:1.2rem;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer__newsletter-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:3px;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));border-radius:1.5px}.footer__newsletter-description{color:#e0e0e0;line-height:1.6;margin-bottom:20px}.footer__newsletter-form{display:flex;flex-direction:column;gap:10px}.footer__newsletter-input{padding:12px 15px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background-color:#3c3c3cf2;color:#fff;font-size:.9rem;outline:none;transition:border-color .3s ease}.footer__newsletter-input:focus{border-color:var(--primary-color)}.footer__newsletter-button{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:5px;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .3s ease}.footer__newsletter-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #4a9eff66}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer__copyright{color:#e0e0e0;font-size:.9rem}.footer__bottom-links{display:flex;gap:20px}.footer__bottom-links a{color:#e0e0e0;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer__bottom-links a:hover{color:var(--primary-color)}@media (max-width: 992px){.footer__container{padding:0 30px}.footer__top{grid-template-columns:1fr 1fr}.footer__newsletter{grid-column:span 2}}@media (max-width: 768px){.footer__top{grid-template-columns:1fr;gap:40px}.footer__info,.footer__links,.footer__newsletter{max-width:100%;grid-column:span 1}.footer__links{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 480px){.footer__container{padding:0 20px}.footer{padding:60px 0 20px}}.construction-link{display:block;width:100%;padding:3px 0}.construction-content{display:flex;flex-direction:column;gap:4px}.site-name{color:#e0e0e0;transition:color .3s ease}.construction-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:500;opacity:.9;transition:all .3s ease;width:fit-content}.construction-link:hover .site-name{color:var(--primary-color)}.construction-link:hover .construction-badge{opacity:1;transform:scale(1.05)}body{cursor:none}@media (pointer: coarse){body{cursor:auto}.cursor,.cursor-dot{display:none}}.cursor{position:fixed;width:40px;height:40px;pointer-events:none;z-index:999;opacity:0;mix-blend-mode:difference}.cursor:before,.cursor:after{content:"";position:absolute;background-color:#4a9eff;opacity:.8}.cursor:before{width:2px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%)}.cursor:after{width:20px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}.cursor--clicked:before,.cursor--clicked:after{opacity:.5;transform:translate(-50%,-50%) scale(.8)}.cursor--link-hovered:before,.cursor--link-hovered:after{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}.background-animation canvas{display:block}:root{--primary-color: #4a9eff;--secondary-color: #64b5f6;--dark-color: #1a1a1a;--light-color: #2d2d2d;--text-color: #e0e0e0;--light-text-color: #b0b0b0;--border-color: #404040;--box-shadow: 0 5px 20px rgba(0, 0, 0, .3);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;color:var(--text-color);line-height:1.5;background-color:var(--dark-color);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.section{padding:100px 10%}.container{max-width:1400px;margin:0 auto;padding:0 50px}.gradient-text{background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-bg{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.btn{display:inline-block;padding:12px 30px;border-radius:30px;font-weight:600;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden;z-index:1}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 5px 15px #6e72fc66}.btn-secondary{background:transparent;color:var(--dark-color);border:2px solid var(--primary-color)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn-primary:hover{background:linear-gradient(45deg,#5a5cfa,#9b19d9)}.btn-secondary:hover{background:#6e72fc1a}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dark-color);display:flex;justify-content:center;align-items:center;z-index:1000}.loader-content{display:flex;flex-direction:column;align-items:center}.loader-circle{width:60px;height:60px;border:4px solid var(--light-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader h2{color:var(--primary-color);font-size:1.5rem;font-weight:500}main{min-height:100vh;padding-top:80px}@media (max-width: 992px){.container{padding:0 30px}.section{padding:80px 5%}}@media (max-width: 768px){.container{padding:0 20px}.section{padding:60px 5%}.btn{padding:10px 25px}}@media (max-width: 480px){.section{padding:50px 5%}h1,h2,h3{font-size:90%}.btn{padding:8px 20px;font-size:.9rem}}