.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 0;transition:all .3s ease}.header.scrolled{background-color:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 5px 20px rgba(0,0,0,.1)}.header__container{display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:1.8rem;font-weight:700;color:var(--color-accent);text-decoration:none;z-index:101}.header__logo span{display:block;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.header__menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:101}.header__menu-toggle span{display:block;width:100%;height:3px;background-color:var(--color-text);border-radius:3px;transition:all .3s ease}.header__menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.header__menu-toggle.active span:nth-child(2){opacity:0}.header__menu-toggle.active span:last-child{transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.header__menu-toggle{display:flex}.header__nav{position:fixed;top:0;right:0;width:100%;height:100vh;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;transform:translateX(100%);transition:transform .5s ease;z-index:100}.header__nav.open{transform:translateX(0)}}.header__nav-list{display:flex;list-style:none;gap:2rem}@media(max-width:768px){.header__nav-list{flex-direction:column;align-items:center;gap:2.5rem}}.header__nav-item{position:relative}.header__nav-link{color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));transition:width .3s ease}.header__nav-link.active,.header__nav-link:hover{color:var(--color-accent)}.header__nav-link.active:after,.header__nav-link:hover:after{width:100%}@media(max-width:768px){.header__nav-link{font-size:1.5rem}}.hero,body.menu-open{overflow:hidden}.hero{height:100vh;display:flex;align-items:center;position:relative;padding-top:80px}.hero__background{z-index:-1}.hero__background,.hero__gradient{position:absolute;top:0;left:0;width:100%;height:100%}.hero__gradient{background:radial-gradient(circle at top right,rgba(var(--color-accent-rgb),.2) 0,rgba(var(--color-secondary-rgb),.1) 30%,rgba(0,0,0,0) 70%)}.hero__grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:50px 50px;opacity:.5}.hero__container{display:flex;flex-direction:column;justify-content:center;height:100%;padding-bottom:80px}.hero__content{max-width:800px}.hero__title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;overflow:hidden}.hero__title span{display:inline-block;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero__subtitle{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;color:var(--color-text-secondary);margin-bottom:2.5rem;max-width:600px}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}.hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:.7;transition:opacity .3s ease}.hero__scroll-indicator:hover{opacity:1}.hero__mouse{width:26px;height:40px;border:2px solid var(--color-text-secondary);border-radius:20px;position:relative;margin-bottom:.5rem}.hero__mouse-wheel{width:4px;height:8px;background-color:var(--color-accent);border-radius:2px;position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:scroll 1.5s infinite}.hero__scroll-text{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.hero__cta{flex-direction:column;width:100%}.hero__cta .button{width:100%;text-align:center}}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(15px)}}.about{padding:8rem 0;position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom left,rgba(var(--color-secondary-rgb),.1) 0,rgba(0,0,0,0) 70%);z-index:-1}.about__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}@media(max-width:992px){.about__container{grid-template-columns:1fr;gap:3rem}}.about__image-wrapper{position:relative}@media(max-width:992px){.about__image-wrapper{max-width:400px;margin:0 auto}}.about__image-frame{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.about__image-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.2),rgba(var(--color-secondary-rgb),.2));mix-blend-mode:overlay}.about__image{display:block;width:100%;height:auto;object-fit:cover;transition:transform .5s ease}.about__image:hover{transform:scale(1.03)}.about__image-decoration{position:absolute;width:80%;height:80%;border:2px solid var(--color-accent);border-radius:1rem;top:-20px;left:-20px;z-index:-1}@media(max-width:768px){.about__image-decoration{width:90%;height:90%;top:-15px;left:-15px}}@media(max-width:992px){.about__content{text-align:center}}.about__title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;display:inline-block}.about__title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(to right,var(--color-accent),var(--color-secondary));border-radius:2px}@media(max-width:992px){.about__title:after{left:50%;transform:translateX(-50%)}}.about__text{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.5rem}.about__stats{display:flex;gap:2rem;margin-top:3rem}@media(max-width:992px){.about__stats{justify-content:center}}@media(max-width:576px){.about__stats{flex-direction:column;gap:1.5rem}}.about__stats-item{display:flex;flex-direction:column}.about__stats-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.about__stats-label{font-size:.9rem;color:var(--color-text-secondary);margin-top:.3rem}.skills{padding:8rem 0;position:relative;background-color:rgba(var(--color-background-alt-rgb),.3)}.skills:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:30px 30px;z-index:0}.skills__container{position:relative;z-index:1}.skills__heading{text-align:center;margin-bottom:4rem}.skills__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.skills__subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.skills__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}@media(max-width:768px){.skills__cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.skills__card{border-radius:1rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;visibility:visible!important;opacity:1!important;transform:translateY(0)!important;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--color-background-alt);border:1px solid var(--color-border)}.skills__card:hover{transform:translateY(-10px)!important;box-shadow:0 20px 30px rgba(0,0,0,.2)}.skills__card-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;box-shadow:0 5px 15px rgba(0,0,0,.2)}.skills__card-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;position:relative;color:var(--color-text)}.skills__card-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(to right,var(--color-accent),var(--color-secondary));border-radius:2px}.skills__list{list-style:none;text-align:left;width:100%;margin-top:1rem}.skills__list-item{font-size:1.1rem;display:flex;align-items:center;color:var(--color-text);margin-bottom:.8rem}.skills__list-item .skills__list-bullet{display:inline-block;margin-right:.5rem}.skills__list-bullet{color:var(--color-accent);margin-right:.5rem;font-size:1.2rem}.projects{padding:8rem 0;position:relative}.projects:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at center right,rgba(var(--color-accent-rgb),.1) 0,rgba(0,0,0,0) 70%);z-index:-1}.projects__container{position:relative;z-index:1}.projects__heading{text-align:center;margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.projects__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.projects__subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.projects__filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.projects__filters-item{padding:.6rem 1.5rem;border-radius:2rem;background-color:rgba(0,0,0,0);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,background .3s ease,color .3s ease,border-color .3s ease}.projects__filters-item:hover{border-color:var(--color-accent);color:var(--color-accent)}.projects__filters-item.active{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-color:rgba(0,0,0,0);color:#fff}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2.5rem;gap:2.5rem;min-height:400px}@media(max-width:768px){.projects__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.projects__card{background-color:var(--color-background-alt);border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease;will-change:transform,opacity}.projects__card:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translateY(-10px)!important}.projects__card:hover .projects__card-overlay{opacity:1}.projects__card:hover .projects__image{transform:scale(1.05)}.projects__card-image{position:relative;height:220px;overflow:hidden}.projects__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.projects__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-background-rgb),.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.projects__card-button{padding:.8rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border:none;border-radius:2rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s ease}.projects__card-button:hover{transform:scale(1.05)}.projects__card-content{padding:1.5rem}.projects__card-title{font-size:1.3rem;font-weight:600;margin-bottom:.8rem;color:var(--color-text)}.projects__card-description{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1.2rem;line-height:1.6}.projects__card-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.projects__card-tech{font-size:.8rem;padding:.3rem .8rem;background-color:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);border-radius:1rem}.contact{padding:8rem 0;position:relative;background-color:rgba(var(--color-background-alt-rgb),.3)}.contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:30px 30px;z-index:0}.contact__container{position:relative;z-index:1}.contact__heading{text-align:center;margin-bottom:4rem}.contact__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.contact__subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.contact__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem}@media(max-width:992px){.contact__content{grid-template-columns:1fr;gap:3rem}}.contact__form-wrapper{background-color:var(--color-background-alt);border-radius:1rem;padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}@media(max-width:576px){.contact__form-wrapper{padding:1.5rem}}.contact__form{display:flex;flex-direction:column;gap:1.5rem}.contact__form-group{display:flex;flex-direction:column;gap:.5rem}.contact__form-label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.contact__form-input,.contact__form-textarea{padding:.8rem 1rem;border-radius:.5rem;background-color:rgba(var(--color-background-rgb),.5);border:1px solid var(--color-border);color:var(--color-text);font-size:1rem;transition:all .3s ease}.contact__form-input:focus,.contact__form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}.contact__form-input::placeholder,.contact__form-textarea::placeholder{color:rgba(var(--color-text-secondary-rgb),.6)}.contact__form-textarea{resize:vertical;min-height:120px}.contact__form-submit{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.contact__form-submit:hover{box-shadow:0 5px 15px rgba(var(--color-accent-rgb),.3)}.contact__form-message{margin-top:1.5rem;padding:1rem;border-radius:.5rem;font-size:.9rem}.contact__form-message.success{background-color:rgba(46,213,115,.1);color:#2ed573;border:1px solid rgba(46,213,115,.3)}.contact__form-message.error{background-color:rgba(255,71,87,.1);color:#ff4757;border:1px solid rgba(255,71,87,.3)}.contact__info{display:flex;flex-direction:column;gap:2.5rem;padding-top:1rem}.contact__info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.contact__info-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact__info-icon svg{color:#fff;width:22px;height:22px}.contact__info-content{flex:1 1}.contact__info-title{font-size:1.2rem;font-weight:600;color:var(--color-text)}.contact__info-text{font-size:1rem;color:var(--color-text-secondary)}.contact__social{margin-top:1rem}.contact__social-title{font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;color:var(--color-text)}.contact__social-links{display:flex;gap:1rem}.contact__social-link{width:45px;height:45px;border-radius:50%;background-color:rgba(var(--color-background-rgb),.5);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact__social-link svg{color:var(--color-text-secondary);transition:color .3s ease}.contact__social-link:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-color:rgba(0,0,0,0)}.contact__social-link:hover svg{color:#fff}.footer{background-color:var(--color-background-alt);padding:5rem 0 2rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:30px 30px;z-index:0}.footer__container{position:relative;z-index:1}.footer__main{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:4rem;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--color-border)}@media(max-width:992px){.footer__main{grid-template-columns:1fr;gap:3rem}}.footer__branding{max-width:400px}.footer__logo{display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.footer__logo span{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.footer__description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:2rem}.footer__social{display:flex;gap:1rem;margin-bottom:1rem}.footer__social-link{width:40px;height:40px;border-radius:50%;background-color:rgba(var(--color-background-rgb),.5);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.footer__social-link svg{color:var(--color-text-secondary);transition:color .3s ease}.footer__social-link:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-color:rgba(0,0,0,0)}.footer__social-link:hover svg{color:#fff}.footer__links-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}@media(max-width:576px){.footer__links-section{grid-template-columns:1fr}}.footer__links-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative;color:var(--color-text)}.footer__links-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:linear-gradient(to right,var(--color-accent),var(--color-secondary));border-radius:2px}.footer__links-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer__link{color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease;font-size:.95rem;display:inline-block;position:relative;padding-left:0}.footer__link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(to right,var(--color-accent),var(--color-secondary));transition:width .3s ease}.footer__link:hover{color:var(--color-accent)}.footer__link:hover:before{width:100%}.footer__contact-item{display:flex;align-items:center;gap:.8rem;color:var(--color-text-secondary);font-size:.95rem;margin-bottom:.8rem}.footer__contact-item svg{color:var(--color-accent);flex-shrink:0}.footer__bottom{display:flex;justify-content:center;align-items:center;padding:2rem 0 0}@media(max-width:576px){.footer__bottom{flex-direction:column;gap:1.5rem}}.footer__copyright{font-size:.9rem;color:var(--color-text-secondary);text-align:center}.cursor{position:fixed;width:10px;height:10px;background-color:var(--color-accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:width .2s,height .2s,background-color .2s;mix-blend-mode:difference}.cursor--hidden{opacity:0}.cursor--clicked{width:8px;height:8px;background-color:var(--color-secondary)}.cursor--link-hovered{width:0;height:0;opacity:0}.cursor-follower{position:fixed;width:30px;height:30px;border:1px solid var(--color-accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9998;transition:width .3s,height .3s,border-color .3s,transform .1s}.cursor-follower--hidden{opacity:0}.cursor-follower--clicked{width:25px;height:25px;border-color:var(--color-secondary)}.cursor-follower--link-hovered{width:60px;height:60px;border-width:2px;border-color:var(--color-accent)}@media(hover:none){.cursor,.cursor-follower{display:none}}