.header{justify-content:center;align-items:center;display:flex}.header__items{flex-direction:column;align-items:center;display:flex}.line{background:linear-gradient(90deg,#0000,#00c87acc,#0000);height:1px;animation:linear infinite flow;position:absolute}@keyframes flow{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(200%)}}.header__title{color:#fff;text-shadow:0 0 35px #fff;opacity:0;justify-content:center;align-items:center;gap:16px;margin-top:100px;font-family:Arial,Helvetica,sans-serif;font-size:60px;animation:.8s forwards slideIn;display:flex;transform:translate(-60px)}.header__title span{opacity:0;align-items:center;font-size:65px;animation:.8s .6s forwards dropIn;display:inline-flex;transform:translateY(-60px)}.header__title .span1{font-size:90px}.header__text{color:#fff;text-shadow:0 0 20px #fff;margin-top:30px;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:500;animation:.8s ease-out forwards slideUp}.header__btn-wrapper{animation:2s cubic-bezier(.25,1,.5,1) forwards slideDown;display:inline-block}.header__btn{color:#000;cursor:pointer;background:azure;border:none;border-radius:10px;width:100px;height:50px;font-size:14px;transition:transform .5s,color .5s,background .5s,box-shadow .5s;box-shadow:0 0 20px azure}.header__btn:hover{text-shadow:0 0 20px azure;color:azure;background:0 0;transform:translateY(-5px);box-shadow:0 4px 40px #0006,inset 0 1px #ffffff1a}@media (width<=1024px){.nav{height:80px}.nav__items{gap:24px}.nav__link{font-size:14px}.header__title{margin-top:80px;font-size:48px}.header__title span{font-size:68px}.header__title .span1{font-size:72px}.header__text{font-size:30px}}@media (width<=768px){.nav{border-radius:0 0 14px 14px;flex-direction:column;gap:12px;height:auto;padding:16px}.nav__items{flex-wrap:wrap;justify-content:center;gap:12px}.nav__link{padding:8px;font-size:13px}.nav__logo{font-size:20px}.logocha{width:54px;height:34px}.header__title{text-align:center;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:60px;font-size:36px}.header__title span{font-size:52px}.header__title .span1{font-size:56px}.header__text{text-align:center;padding:0 16px;font-size:22px}.header__btn{width:90px;height:44px;font-size:13px}}@media (width<=480px){.nav{gap:10px;padding:12px}.nav__items{gap:6px}.nav__link{padding:6px 8px;font-size:12px}.nav__link.active{font-size:14px}.nav__logo{font-size:18px}.logocha{width:44px;height:28px}.header__title{align-items:center;gap:8px;margin-top:40px;font-size:28px}.header__title span{font-size:40px}.header__title .span1{font-size:44px}.header__text{margin-top:16px;padding:0 12px;font-size:18px}.header__btn{width:80px;height:40px;font-size:12px}.header__btn-wrapper{margin-top:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes dropIn{to{opacity:1;transform:translateY(0)}}.main{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:3rem 2rem;font-family:Arial,Helvetica,sans-serif;display:grid}.main__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:radial-gradient(circle, #321bc873 0%, #1e0a7833 60%, transparent 100%);opacity:0;background:#ffffff08;border-radius:16px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.8rem;transition:transform .5s,box-shadow .5s;display:flex}.main__card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px #add8e64d,0 12px 40px #00000080,0 0 24px #add8e626}.main__card--from-left{animation:.7s forwards fromLeft}.main__card--from-right{animation:.7s forwards fromRight}.main__card--from-top{animation:.7s forwards fromTop}.main__card--from-bottom{animation:.7s forwards fromBottom}@keyframes fromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fromTop{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes fromBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.main__card-title{color:#fff;text-shadow:0 0 16px #ffffff4d;margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.main__card-text{color:#fff9;font-size:.88rem;line-height:1.6}.main__card-btn{color:azure;cursor:pointer;text-shadow:0 0 12px azure;background:0 0;border:1px solid #add8e666;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .5s,transform .5s,box-shadow .5s;display:flex;box-shadow:0 0 12px #add8e626}.main__card-btn:hover{background:#add8e61a;transform:translateY(-5px);box-shadow:0 0 24px #add8e659}.main__card-arrow{color:azure;font-size:13px;animation:1.2s ease-in-out infinite bounce;display:inline-block}.main__card-arrow:last-child{animation-direction:reverse}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, #0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.logo-loop-container{height:120px;margin:40px 0;animation:1s ease-out forwards fadeInUp;position:relative;overflow:hidden}@media (width<=768px){.home__logo{display:none}}@keyframes fadeSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.projects{align-items:center;min-height:100vh;padding:80px 0;display:flex}.projects__label{color:#ffffff4d;opacity:0;margin:0 0 12px;font-family:Courier New,monospace;font-size:14px;animation:.6s .1s both fadeUp}.projects__heading{color:#fff;opacity:0;margin:0 0 50px;font-family:Arial,Helvetica,sans-serif;font-size:42px;font-weight:700;animation:.6s .2s both fadeUp}.projects__heading span{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.projects__slider{opacity:0;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;animation:.6s .3s both fadeSlide;display:grid}.projects__img-wrap{aspect-ratio:16/10;border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.projects__img-wrap:hover .projects__img-overlay{opacity:1}.projects__img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.projects__img:hover{transform:scale(1.04)}.projects__img-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.projects__visit{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s}.projects__visit:hover{background:#ffffff40}.projects__right{flex-direction:column;gap:20px;display:flex}.projects__counter{color:#ffffff40;letter-spacing:2px;font-family:Courier New,monospace;font-size:13px}.projects__title{color:#fff;text-shadow:0 0 40px #ffffff26;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:700;line-height:1.2}.projects__desc{color:#ffffff8c;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14.5px;line-height:1.75}.projects__techs{flex-wrap:wrap;gap:8px;display:flex}.projects__tech{color:#a78bfa;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:5px 14px;font-family:Courier New,monospace;font-size:12px}.projects__links{gap:12px;display:flex}.projects__btn{border-radius:12px;padding:12px 24px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.projects__btn--github{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.projects__btn--github:hover{background:#ffffff26;transform:translateY(-2px)}.projects__btn--live{color:#fff;background:linear-gradient(135deg,#a78bfa,#60a5fa);border:none;box-shadow:0 4px 20px #a78bfa59}.projects__btn--live:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a78bfa80}.projects__nav{gap:12px;display:flex}.projects__arrow{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:all .3s;display:flex}.projects__arrow:hover:not(:disabled){background:#ffffff24;transform:translateY(-2px);box-shadow:0 0 20px #ffffff1a}.projects__arrow:disabled{opacity:.3;cursor:not-allowed}.projects__dots{justify-content:center;gap:8px;margin-top:40px;display:flex}.projects__dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.projects__dot--active{background:#a78bfa;border-radius:99px;width:24px;box-shadow:0 0 10px #a78bfa80}@media (width<=768px){.projects{padding:60px 0}.projects__heading{font-size:30px}.projects__slider{grid-template-columns:1fr;gap:30px}.projects__title{font-size:26px}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.contact{align-items:center;min-height:100vh;padding:80px 0;display:flex}.contact__label{color:#ffffff4d;opacity:0;margin:0 0 12px;font-family:Courier New,monospace;font-size:14px;animation:.6s .1s forwards fadeDown}.contact__heading{color:#fff;opacity:0;margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:56px;font-weight:700;animation:.6s .2s forwards fadeDown}.contact__heading span{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact__sub{color:#ffffff73;opacity:0;margin:0 0 60px;font-family:Arial,Helvetica,sans-serif;font-size:15px;animation:.6s .3s forwards fadeUp}.contact__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.contact__card{opacity:0;background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;align-items:center;gap:22px;padding:32px 28px;text-decoration:none;transition:all .3s;animation:.6s forwards cardIn;display:flex;position:relative;overflow:hidden}.contact__card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px)}.contact__card:hover .contact__arrow{opacity:1;transform:translate(3px,-3px)}.contact__card:hover .contact__glow{opacity:1}.contact__glow{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.contact__icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;transition:all .3s;display:flex}.contact__info{flex:1;min-width:0}.contact__name{color:#fff;margin:0 0 6px;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:600}.contact__handle{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-family:Courier New,monospace;font-size:15px;overflow:hidden}.contact__desc{color:#ffffff4d;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}.contact__arrow{opacity:.4;flex-shrink:0;font-size:26px;font-weight:300;transition:all .3s}@media (width<=900px){.contact__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.contact{padding:60px 0}.contact__heading{font-size:34px}.contact__grid{grid-template-columns:1fr}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.about{min-height:100vh;padding:80px 0}.about__grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:60px;display:grid}.about__left{opacity:0;animation:.8s .2s forwards fadeLeft}.about__img-wrap{border:1px solid #ffffff1a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.about__img{object-fit:cover;filter:grayscale(15%);width:100%;height:500px;transition:filter .4s;display:block}.about__img:hover{filter:grayscale(0%)}.about__img-blur{background:linear-gradient(#0000 60%,#0009 100%);position:absolute;inset:0}.about__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;opacity:0;background:#000000b3;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px;animation:.6s 1s forwards fadeUp;display:flex;position:absolute;bottom:16px;left:16px}.about__badge-dot{background:#43e892;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #43e892}.about__right{flex-direction:column;gap:18px;display:flex}.about__greeting{color:#ffffff4d;opacity:0;margin:0;font-family:Courier New,monospace;font-size:14px;animation:.6s .1s forwards fadeDown}.about__name{color:#fff;text-shadow:0 0 40px #fff3;opacity:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:700;line-height:1.1;animation:.7s .2s forwards fadeRight}.about__role{color:#ffffff73;opacity:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;animation:.7s .3s forwards fadeRight}.about__bio{color:#ffffff8c;opacity:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.75;animation:.7s .4s forwards fadeUp}.about__goal{color:#a08cffbf;opacity:0;border-left:2px solid #7c3aed80;margin:0;padding-left:14px;font-family:Arial,Helvetica,sans-serif;font-size:13.5px;line-height:1.7;animation:.7s .5s forwards fadeUp}.about__card{opacity:0;background:#0d0d14;border:1px solid #ffffff14;border-radius:14px;animation:.7s .6s forwards scaleIn;overflow:hidden;box-shadow:0 8px 40px #0006,inset 0 1px #ffffff0d}.about__card-header{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:12px 16px;display:flex}.about__card-title{color:#ffffff4d;margin-left:8px;font-family:Courier New,monospace;font-size:12px}.about__dot{border-radius:50%;width:12px;height:12px}.about__dot--red{background:#ff5f57}.about__dot--yellow{background:#febc2e}.about__dot--green{background:#28c840}.about__card-code{padding:20px 24px;font-family:Courier New,monospace;font-size:14px;line-height:2}.about__card-code p{opacity:0;align-items:center;gap:6px;margin:0;animation:.5s forwards fadeUp;display:flex}.about__card-code p:first-child{animation-delay:.77s}.about__card-code p:nth-child(2){animation-delay:.84s}.about__card-code p:nth-child(3){animation-delay:.91s}.about__card-code p:nth-child(4){animation-delay:.98s}.about__card-code p:nth-child(5){animation-delay:1.05s}.about__card-code p:nth-child(6){animation-delay:1.12s}.about__card-code p:nth-child(7){animation-delay:1.19s}.about__card-code p:nth-child(8){animation-delay:1.26s}.about__card-code p:nth-child(9){animation-delay:1.33s}.about__card-code p:nth-child(10){animation-delay:1.4s}.about__indent{padding-left:24px!important}.about__kw{color:#c792ea}.about__var{color:#82aaff}.about__bracket{color:#89ddff}.about__key{color:#f07178}.about__eq{color:#fff6}.about__str{color:#c3e88d}.about__num{color:#f78c6c}.about__bool{color:#ff9d00}.about__comma{color:#ffffff40}.about__proweb{border-top:1px solid #ffffff0f;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:100px;padding-top:80px;display:grid}.about__proweb-left{opacity:0;flex-direction:column;gap:22px;animation:.8s .2s forwards fadeLeft;display:flex}.about__proweb-title{color:#fff;text-shadow:0 0 40px #ffffff26;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:700;line-height:1.2}.about__proweb-title span{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about__proweb-quote{background:#ffffff08;border:1px solid #ffffff12;border-left:3px solid #a78bfa99;border-radius:12px;padding:20px 24px;position:relative}.about__proweb-quote p{color:#ffffffb3;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14.5px;font-style:italic;line-height:1.8}.about__proweb-qmark{color:#a78bfa66;font-family:Georgia,serif;font-size:48px;line-height:1;position:absolute;top:-14px;left:16px}.about__proweb-qmark--end{inset:auto 16px -28px auto}.about__proweb-story{color:#ffffff80;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.75}.about__proweb-badge{opacity:0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;width:fit-content;padding:14px 18px;animation:.6s .8s forwards fadeUp;display:inline-flex}.about__proweb-badge-icon{font-size:24px}.about__proweb-badge-title{color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600}.about__proweb-badge-sub{color:#ffffff59;margin:2px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:12px}.about__proweb-right{opacity:0;animation:.8s .4s forwards fadeRight}.about__proweb-img-wrap{aspect-ratio:4/3;border:1px solid #ffffff1a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.about__proweb-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.about__proweb-placeholder{background:#ffffff08;justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex}.about__proweb-placeholder span{color:#ffffff26;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}.about__proweb-glow{pointer-events:none;background:linear-gradient(135deg,#a78bfa14 0%,#0000 60%);position:absolute;inset:0}@media (width<=768px){.about{padding:60px 0}.about__grid{grid-template-columns:1fr;gap:40px}.about__img{height:340px}.about__name{font-size:30px}.about__proweb{grid-template-columns:1fr;gap:40px;margin-top:60px;padding-top:60px}.about__proweb-title{font-size:28px}.about__proweb-right{order:-1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.skills{align-items:center;min-height:100vh;padding:80px 0;display:flex}.skills__label{color:#ffffff4d;opacity:0;margin:0 0 12px;font-family:Courier New,monospace;font-size:14px;animation:.6s .1s forwards fadeUp}.skills__heading{color:#fff;opacity:0;text-align:center;margin:0 0 60px;font-family:Arial,Helvetica,sans-serif;font-size:52px;font-weight:700;animation:.6s .2s forwards fadeUp}.skills__heading span{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skills__slider{opacity:0;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;animation:.6s .3s forwards fadeUp;display:flex}.skills__arrow{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;transition:all .3s;display:flex}.skills__arrow:hover{background:#ffffff24;transform:scale(1.1)}.skills__center{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:680px;display:flex}.skills__icon-wrap{justify-content:center;align-items:center;font-size:150px;line-height:1;transition:color .4s,filter .4s;animation:3s ease-in-out infinite float;display:flex}.skills__name{text-shadow:0 0 30px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:42px;font-weight:700;transition:color .4s}.skills__progress-wrap{flex-direction:column;gap:8px;width:100%;display:flex}.skills__progress-top{justify-content:space-between;align-items:center;display:flex}.skills__progress-label{color:#ffffff59;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;font-size:15px}.skills__progress-percent{font-family:Courier New,monospace;font-size:20px;font-weight:700;transition:color .4s;animation:.4s countUp}.skills__progress-bar{background:#ffffff14;border-radius:99px;width:100%;height:6px;overflow:hidden}.skills__progress-fill{border-radius:99px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.skills__desc{color:#ffffff8c;text-align:center;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14.5px;line-height:1.8}.skills__dots{justify-content:center;gap:8px;margin-bottom:48px;display:flex}.skills__dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.skills__dot--active{border-radius:99px;width:24px}.skills__list{opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;animation:.6s .4s forwards fadeUp;display:flex}.skills__item{color:#ffffff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;transition:all .3s;display:flex}.skills__item svg{font-size:16px}.skills__item:hover{color:#fff;background:#ffffff14}.skills__item--active{background:#ffffff12}@media (width<=768px){.skills{padding:60px 0}.skills__heading{font-size:30px}.skills__icon-wrap{font-size:90px}.skills__name{font-size:26px}.skills__desc{font-size:14px}.skills__slider{gap:12px}}.notfound__wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 160px);padding:40px 20px;display:flex}.notfound__items{text-align:center;flex-direction:column;align-items:center;display:flex}.notfound__title{color:#fff;text-shadow:0 0 35px #fff;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:60px;animation:.8s cubic-bezier(.25,1,.5,1) forwards slideIn;display:flex;transform:translate(-150px)}.notfound__title .span1{opacity:0;font-size:80px;animation:.8s cubic-bezier(.25,1,.5,1) forwards slideIn;transform:translate(-150px)}.notfound__title .span2{opacity:0;font-size:60px;animation:.8s cubic-bezier(.25,1,.5,1) .2s forwards slideInRight;transform:translate(150px)}.notfound__title .span-desc{opacity:0;font-size:28px;animation:.8s cubic-bezier(.25,1,.5,1) .4s forwards slideInRight;transform:translate(150px)}.notfound__btn-wrapper{margin-top:40px;animation:1.2s cubic-bezier(.25,1,.5,1) .8s both slideDown;display:inline-block}.notfound__btn{color:#000;cursor:pointer;background:azure;border:none;border-radius:10px;width:140px;height:50px;font-size:14px;font-weight:700;transition:transform .5s,color .5s,background .5s,box-shadow .5s;box-shadow:0 0 20px azure}.notfound__btn:hover{color:azure;background:0 0;transform:translateY(-5px);box-shadow:0 4px 40px #0006,inset 0 1px #ffffff1a}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@media (width<=768px){.notfound__title{font-size:36px}.notfound__title .span1{font-size:56px}.notfound__title .span2{font-size:36px}.notfound__title .span-desc{font-size:18px}}@media (width<=480px){.notfound__title{font-size:28px}.notfound__title .span1{font-size:44px}.notfound__title .span2{font-size:28px}.notfound__title .span-desc{font-size:15px}.notfound__btn{width:120px;height:44px}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 40px #0006,inset 0 1px #ffffff1a}@media (width<=576px){.nav{background:#0c1c3cf0}}.nav .container{width:100%;max-width:1200px;height:100px;margin:0 auto;padding:0 24px}.nav__box{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.nav__logo{color:azure;text-shadow:0 0 24px #f5f5f5;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:500;transition:all .5s}.nav__items{align-items:center;gap:40px;display:flex}.nav__list{justify-content:center;align-items:center;display:flex}.nav__link{color:#fff;cursor:pointer;text-shadow:0 0 20px #fff;border-radius:10px;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .5s}.nav__link.active{color:azure;text-shadow:0 0 20px azure;font-size:20px}.nav__link:hover{color:#000;background:#fff;transform:translateY(-5px);box-shadow:0 0 20px azure}.nav__burger{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;transition:background .3s;display:none}.nav__burger span{transform-origin:50%;background:#fff;border-radius:99px;width:22px;height:2px;transition:all .3s;display:block}.nav__burger:hover{background:#ffffff1f}.nav__burger--open{background:#ffffff1a}.nav__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__mobile{flex-direction:column;gap:4px;max-height:0;padding:0 16px;transition:max-height .4s,padding .3s;display:none;overflow:hidden}.nav__mobile--open{max-height:400px;padding:12px 16px 20px}.nav__mobile-link{color:#ffffffb3;opacity:0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;animation:.4s forwards slideDown;display:flex}.nav__mobile-link.active{color:azure;background:#ffffff0d;border-color:#ffffff1a}.nav__mobile-link:hover{color:#fff;background:#ffffff12;border-color:#ffffff1a;transform:translate(6px)}.nav__mobile-num{color:#968cffb3;font-family:Courier New,monospace;font-size:13px}.logocha{object-fit:cover;background:0 0;width:74px;height:44px}@media (width<=768px){.nav__items{display:none}.nav__burger,.nav__mobile{display:flex}}.footer{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;margin:0;box-shadow:0 4px 40px #0006,inset 0 1px #ffffff1a}@media (width<=576px){.footer .footer__container{text-align:center;grid-template-columns:1fr}.footer .footer__left{align-items:center}.footer .footer__socials{justify-content:center}.footer .footer__list,.footer .footer__col{align-items:center}}.footer__container{grid-template-columns:1.5fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:48px 24px 32px;display:grid}.footer__left{flex-direction:column;gap:16px;display:flex}.footer__logo{display:inline-block}.footer__desc{color:#fff6;max-width:220px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6}.footer__socials{flex-wrap:wrap;gap:10px;display:flex}.footer__social{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;text-decoration:none;transition:all .3s;display:flex}.footer__social:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 0 16px #ffffff26}.footer__col{flex-direction:column;gap:16px;display:flex}.footer__title{color:#fff;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 0 20px #ffffff4d;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600}.footer__list{flex-direction:column;gap:15px;display:flex}.footer__link{color:#ffffff8c;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:17px;text-decoration:none;transition:all .3s;display:inline-flex}.footer__link:hover{color:#fff;text-shadow:0 0 16px #fff;transform:translate(4px)}.footer__link.active{color:azure;text-shadow:0 0 16px azure}.footer__bottom{border-top:1px solid #ffffff12;max-width:1200px;margin:0 auto;padding:16px 24px}.footer__bottom p{color:#ffffff40;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:13px}.footer__link-icon{align-items:center;font-size:15px;display:inline-flex}.logocha{object-fit:cover;border-radius:6px;width:74px;height:44px}@media (width<=768px){.footer__container{grid-template-columns:1fr;gap:32px;padding:32px 20px 24px}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-30px,50px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-70px,40px)scale(1.08)}66%{transform:translate(40px,-60px)scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,50px)scale(1.12)}}@keyframes orbFloat4{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-40px,-50px)scale(1.06)}80%{transform:translate(30px,30px)scale(.94)}}@keyframes orbFloat5{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-60px,-30px)scale(1.08)}}@keyframes particleFade{0%,to{opacity:0;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.4)}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes starPulse{0%,to{opacity:.4}50%{opacity:1;box-shadow:0 0 12px #fff,0 0 24px #dcf0ffcc}}@keyframes starShoot{0%{opacity:1;transform:translate(0)translateY(0)}to{opacity:0;transform:translate(400px)translateY(200px)}}@keyframes aurora{0%,to{opacity:.7;transform:translate(0)scaleY(1)}50%{opacity:1;transform:translate(40px)scaleY(1.1)}}.bg{z-index:0;pointer-events:none;background:linear-gradient(135deg,#0d1a2e 0%,#0a1020 50%,#0d0d1e 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg__aurora{background:linear-gradient(#b4dcff1f 0%,#8cc8ff0f 50%,#0000 100%);width:100%;height:40%;position:absolute;top:0}.bg__orb{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.bg__orb--1{background:radial-gradient(circle,#b4dcff99 0%,#8cbeff40 50%,#0000 100%);width:650px;height:650px;animation:12s ease-in-out infinite orbFloat1;top:-150px;left:-120px}.bg__orb--2{background:radial-gradient(circle,#c8b4ff8c 0%,#b4a0ff38 50%,#0000 100%);width:550px;height:550px;animation:16s ease-in-out infinite orbFloat2;bottom:-100px;right:-100px}.bg__orb--3{background:radial-gradient(circle,#b4f0ff66 0%,#8cdcff26 50%,#0000 100%);width:450px;height:450px;animation:18s ease-in-out infinite orbFloat3;top:30%;left:38%}.bg__orb--4{background:radial-gradient(circle,#b4ffdc59 0%,#a0f0c824 50%,#0000 100%);width:380px;height:380px;animation:14s ease-in-out infinite orbFloat4;top:5%;right:5%}.bg__orb--5{background:radial-gradient(circle,#fff0b459 0%,#ffdca024 50%,#0000 100%);width:320px;height:320px;animation:20s ease-in-out infinite orbFloat5;bottom:10%;left:8%}.bg__star{background:#fff;border-radius:50%;animation:ease-in-out infinite starTwinkle;position:absolute}.bg__star--pulse{animation:ease-in-out infinite starPulse}.bg__star--big{background:#fff;width:3px;height:3px;animation:ease-in-out infinite starPulse}.bg__star--shoot{background:#fff;width:2px;height:2px;animation:linear infinite starShoot;box-shadow:-80px 0 25px 3px #dcf0ffe6,-160px 0 15px 2px #c8e6ff80}.bg__particle{border-radius:50%;animation:ease-in-out infinite particleFade;position:absolute}.nav__logo{opacity:0;animation:.5s .1s forwards slideDown}.nav__list{opacity:0;animation:.5s forwards slideDown}.nav__list:first-child{animation-delay:.3s}.nav__list:nth-child(2){animation-delay:.4s}.nav__list:nth-child(3){animation-delay:.5s}.nav__list:nth-child(4){animation-delay:.6s}.nav__list:nth-child(5){animation-delay:.7s}@keyframes slideLeft{0%{opacity:0;transform:translate(-80px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.error{opacity:0;width:700px;height:auto;animation:.7s .2s forwards slideLeft}.error__item{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 12px}