.App{transition:background-color .5s ease,color .4s ease}.main-dark{background-color:var(--body-color)}.App main{margin-left:0;max-width:100%;color:var(--text-color);transition:color .4s}.power{position:fixed;top:1.5rem;right:1.5rem;z-index:100}.button-theme{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);color:var(--first-color);box-shadow:var(--shadow);transition:all .3s ease;cursor:pointer}.button-theme:hover{transform:rotate(180deg) scale(1.1);box-shadow:var(--shadow-hover);background:var(--first-color);color:#fff}@media screen and (max-width:1024px){.App main{margin-left:0}.power{top:1rem;left:1rem;right:auto}[data-reveal]{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1),filter .7s cubic-bezier(.25,1,.5,1),clip-path .8s cubic-bezier(.25,1,.5,1)}[data-reveal].revealed{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0);clip-path:inset(0 0 0 0)}[data-reveal=fade-up]{transform:translateY(32px)}[data-reveal=fade-right]{transform:translate(-40px)}[data-reveal=fade-left]{transform:translate(40px)}[data-reveal=blur-in]{filter:blur(8px);transform:translateY(10px)}[data-reveal=zoom-in]{transform:scale(.85);transition-duration:.85s}[data-reveal=zoom-in].revealed{transform:scale(1)}[data-reveal=clip-up]{clip-path:inset(100% 0 0 0);opacity:1;transform:none}[data-reveal=clip-up].revealed{clip-path:inset(0 0 0 0)}[data-reveal=scale-pop]{transform:scale(.75);transition-duration:.5s;transition-timing-function:cubic-bezier(.34,1.4,.64,1)}[data-reveal=bounce-in]{transform:translateY(20px) scale(.7);transition-timing-function:cubic-bezier(.34,1.4,.64,1);transition-duration:.6s}[data-reveal=card-rise]{transform:translateY(40px) scale(.97);transition-duration:.65s}[data-reveal=card-rise].revealed{transform:translateY(0) scale(1)}[data-reveal=fade-only],[data-reveal=fade-only].revealed{transform:none}.App main{overflow-x:clip}.resume__card,.work__card{animation:none!important}}.aside{position:fixed;left:0;top:0;width:100px;min-height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem 0;z-index:50;transition:background-color .4s,border-color .4s,transform .4s cubic-bezier(.25,1,.5,1),visibility .4s}.nav__logo svg{width:40px;height:40px;transition:transform .3s,color .4s;color:var(--text-color)}.nav__logo:hover svg{transform:scale(1.15)}.logo__dot{fill:var(--first-color);transition:fill .4s}.nav__list{display:flex;flex-direction:column;align-items:center;row-gap:.25rem}.nav__link{position:relative;font-size:1.3rem;color:var(--nav-link-color);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;transition:all .3s ease;gap:0}.nav__link:hover{color:var(--first-color);background:var(--first-color-glow);transform:scale(1.1)}.nav__label{display:none}@media screen and (min-width:1025px){.aside{display:none}.nav__link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-8px);background:var(--first-color);color:#fff;padding:.3rem .8rem;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .25s ease;letter-spacing:.03em}.nav__link:hover:after{opacity:1;transform:translateY(-50%) translate(0)}}.copyright{color:var(--text-color-light);font-size:var(--smaller-font-size);transform:rotate(-180deg);writing-mode:vertical-lr;letter-spacing:.05em}.nav__toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:999;width:44px;height:44px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--first-color);font-size:1.3rem;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.nav__toggle:hover{color:var(--first-color);border-color:var(--first-color)}.nav__toggle--open{display:none;position:absolute;top:1.25rem;right:1.25rem;left:auto;transform:none;z-index:auto}.nav__toggle--hidden{opacity:0;pointer-events:none;display:none!important}.aside__overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:899;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.aside{left:auto;right:0;width:240px;border-right:none;border-left:1px solid var(--sidebar-border);padding:5rem 1.5rem 2rem;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:900;transform:translate(100%);visibility:hidden}.show-menu{transform:translate(0);visibility:visible}.nav__logo svg{width:32px;height:32px}.nav__label{display:inline;font-size:var(--small-font-size);font-weight:var(--font-medium);letter-spacing:.02em}.nav__list{align-items:stretch;row-gap:.15rem;width:100%}.nav__link{justify-content:flex-start;width:100%;height:auto;padding:.75rem 1rem;border-radius:12px;gap:.85rem;font-size:1.2rem}.nav__link:hover{transform:none;background:var(--first-color-glow);padding-left:1.15rem}.show-menu .nav__item{animation:slideIn .35s cubic-bezier(.25,1,.5,1) both;animation-delay:calc(var(--i) * .06s + .1s)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.copyright{transform:none;writing-mode:horizontal-tb;font-size:var(--smaller-font-size)}.nav__toggle,.nav__toggle--open{display:flex}}@media screen and (max-width:480px){.aside{width:220px;padding:4rem 1.25rem 1.5rem}}.home{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.intro{max-width:600px;text-align:center;position:relative;z-index:1;padding-bottom:2rem}.home__img-wrapper{margin-bottom:2rem;display:inline-block;position:relative}.home__img-wrapper:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--gradient);z-index:-1;opacity:.6;animation:pulse-ring 3s ease-in-out infinite}@keyframes pulse-ring{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.home__img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--body-color);transition:border-color .4s}.home__greeting{display:block;font-size:var(--normal-font-size);color:var(--first-color);font-weight:var(--font-semibold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.home__name{font-size:clamp(2rem,5vw,3.2rem);font-weight:var(--font-extrabold);letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__education{display:block;color:var(--text-color);font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:.5rem;transition:color .4s}.home__socials{display:flex;column-gap:.75rem;margin:1.75rem 0;justify-content:center}.home__social-link{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-color);background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.home__social-link:hover{color:#fff;background:var(--first-color);border-color:var(--first-color);transform:translateY(-3px);box-shadow:0 4px 15px #6c63ff66}.scroll__down{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;text-decoration:none}@media screen and (max-height:700px){.scroll__down{display:none}}.home__scroll-name{font-size:var(--smaller-font-size);color:var(--text-color-light);letter-spacing:.1em;text-transform:uppercase;transition:color .4s}.mouse{border:2px solid var(--text-color-light);display:block;height:1.6rem;width:1.25rem;margin:.75rem auto 0;border-radius:1rem;position:relative;transition:border-color .4s}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}.wheel{background:var(--gradient);border-radius:100%;width:.25rem;height:.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%);animation:ani-mouse 2s linear infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(120deg)}66%{transform:translateY(6px) rotate(240deg)}}.shapes{position:absolute;left:0;top:0;height:100%;width:100%;z-index:0;opacity:.4}.main-dark .shapes{opacity:.2}.shape{position:absolute;animation:float 8s ease-in-out infinite}.s1{left:4%;top:10%;animation-delay:0s}.s2{left:12%;top:40%;animation-delay:-1s}.s3{left:8%;bottom:25%;animation-delay:-2s}.s4{left:28%;bottom:10%;animation-delay:-3s}.s5{left:35%;top:15%;animation-delay:-4s}.s6{left:42%;bottom:35%;animation-delay:-5s}.s7{top:15%;right:5%;animation-delay:-1.5s}.s8{right:18%;bottom:15%;animation-delay:-2.5s}.s9{right:30%;top:25%;animation-delay:-3.5s}.s10{top:55%;right:8%;animation-delay:-4.5s}.s11{bottom:45%;right:42%;animation-delay:-5.5s}@media screen and (max-width:1024px){.home{min-height:100svh;min-height:100vh;padding-top:3.5rem;padding-bottom:2rem;justify-content:center;gap:0}.intro{padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem}.scroll__down{position:relative;bottom:auto;left:auto;transform:none;margin-top:auto;padding-bottom:1.5rem}.home__img{width:120px;height:120px}.home__img-wrapper{margin-bottom:1.5rem}.home__name{font-size:clamp(1.6rem,7vw,2.4rem)}.home__education{margin-bottom:.25rem}.home__socials{margin:1.25rem 0}.home__social-link{width:40px;height:40px;border-radius:10px;font-size:1.1rem}.shapes{pointer-events:none;opacity:.15}.home__img-wrapper{animation:homeZoomIn .8s cubic-bezier(.25,1,.5,1) both}.home__greeting{animation:homeFadeUp .7s cubic-bezier(.25,1,.5,1) .15s both}.home__name{animation:homeClipUp .8s cubic-bezier(.25,1,.5,1) .3s both}.home__education{animation:homeFadeUp .7s cubic-bezier(.25,1,.5,1) .45s both}.home__socials{animation:homeFadeUp .7s cubic-bezier(.25,1,.5,1) .55s both}.intro>.btn{animation:homeScalePop .5s cubic-bezier(.34,1.4,.64,1) .65s both}.scroll__down{animation:homeFadeUp .7s cubic-bezier(.25,1,.5,1) .8s both}}@media screen and (max-width:480px){.home{padding-top:2.5rem;padding-bottom:1rem}.home__img{width:100px;height:100px}.home__img-wrapper{margin-bottom:1.25rem}.home__name{font-size:clamp(1.4rem,6.5vw,2rem)}.home__greeting{font-size:var(--small-font-size)}.home__social-link{width:38px;height:38px;font-size:1rem}}@keyframes homeZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes homeFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes homeClipUp{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes homeScalePop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.about__container{grid-template-columns:1fr}.about__data{padding:2.5rem;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);transition:all .4s ease}.about__data:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.about__description{margin-bottom:2rem;text-align:left;color:var(--text-color);line-height:1.9;font-size:var(--normal-font-size);transition:color .4s}.about__download{text-align:right}@media screen and (max-width:1024px){.about.section{padding-top:5rem;padding-bottom:2rem}.about__data{padding:1.75rem 1.5rem}.about__data:hover{transform:none}.about__description{margin-bottom:1.5rem;line-height:1.8}.about__download{text-align:center}}@media screen and (max-width:480px){.about.section{padding-top:4rem}.about__data{padding:1.25rem 1rem}.about__description{font-size:var(--small-font-size);line-height:1.75}}.resume__subtitle{text-align:center;color:var(--text-color-light);font-size:var(--normal-font-size);max-width:480px;margin:-.5rem auto 2.5rem;line-height:1.6}.resume__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.resume__card{position:relative;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius);overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow);display:flex;flex-direction:column}.resume__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.resume__card-accent{height:4px;background:var(--gradient);opacity:.7;transition:opacity .3s}.resume__card:hover .resume__card-accent{opacity:1}.resume__card-body{padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;height:100%}.resume__card-header{display:flex;align-items:center;justify-content:space-between}.resume__card-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--first-color-glow);color:var(--first-color);font-size:1.2rem;transition:background .3s,transform .3s}.resume__card:hover .resume__card-icon{background:var(--first-color);color:#fff;transform:rotate(-8deg) scale(1.05)}.resume__card-year{font-size:var(--smaller-font-size);font-weight:var(--font-semibold);color:var(--first-color);letter-spacing:.04em;background:var(--first-color-glow);padding:.2rem .65rem;border-radius:50px}.resume__card-title{font-size:var(--normal-font-size);font-weight:var(--font-bold);color:var(--title-color);line-height:1.4;min-height:2.8em;display:flex;align-items:flex-start;transition:color .3s}.resume__card-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:var(--smaller-font-size)}.resume__card-provider{color:var(--text-color);font-weight:var(--font-medium)}.resume__card-separator{color:var(--text-color-light)}.resume__card-issuer{color:var(--text-color-light);font-weight:var(--font-medium)}.resume__card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font-size:var(--smaller-font-size);font-weight:var(--font-semibold);color:var(--first-color);text-decoration:none;padding:.35rem .75rem;border-radius:50px;border:1px solid var(--first-color-glow);background:transparent;width:fit-content;align-self:center;transition:all .3s}.resume__card-link:hover{background:var(--first-color);color:#fff;border-color:var(--first-color);transform:translate(2px)}.resume__card-link svg{font-size:.85rem;transition:transform .3s}.resume__card-link:hover svg{transform:translate(2px,-2px)}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.resume__card{animation:cardFadeUp .5s ease both}.resume__card:nth-child(1){animation-delay:0s}.resume__card:nth-child(2){animation-delay:.06s}.resume__card:nth-child(3){animation-delay:.12s}.resume__card:nth-child(4){animation-delay:.18s}.resume__card:nth-child(5){animation-delay:.24s}.resume__card:nth-child(6){animation-delay:.3s}.resume__card:nth-child(7){animation-delay:.36s}.resume__card:nth-child(8){animation-delay:.42s}.resume__card:nth-child(9){animation-delay:.48s}.resume__card:nth-child(10){animation-delay:.54s}.resume__card:nth-child(11){animation-delay:.6s}.resume__card:nth-child(12){animation-delay:.66s}@media screen and (max-width:600px){.resume__grid{grid-template-columns:1fr;gap:1.25rem}.resume__card-body{padding:1.25rem}.resume__subtitle{font-size:var(--small-font-size);margin-bottom:1.75rem}.resume__card:hover{transform:none}.resume__card-title{min-height:auto}}.contact.section{padding-bottom:6.25rem}.contact__container{display:grid;grid-template-columns:5fr 7fr;gap:2rem;align-items:start}.contact__info-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.contact__info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.contact__status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:50px;background:#22c55e1a;border:1px solid rgba(34,197,94,.15);color:#22c55e;font-size:var(--smaller-font-size);font-weight:var(--font-semibold);margin-bottom:1.25rem;letter-spacing:.02em}.contact__status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.contact__heading{font-size:var(--h2-font-size);font-weight:var(--font-bold);color:var(--title-color);margin-bottom:.75rem;line-height:1.3;transition:color .4s}.contact__details{color:var(--text-color);line-height:1.7;margin-bottom:1.75rem;transition:color .4s}.contact__decoration{position:absolute;bottom:-20px;right:-20px;pointer-events:none}.contact__decoration-circle{width:80px;height:80px;border-radius:50%;background:var(--first-color-glow);border:1px solid var(--card-border);transition:transform .4s ease,opacity .4s ease}.contact__decoration-circle--sm{width:40px;height:40px;position:absolute;top:-15px;left:-30px}.contact__info-card:hover .contact__decoration-circle{transform:scale(1.15);opacity:.7}.contact__items{display:flex;flex-direction:column;gap:.75rem}.contact__item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--border-radius-sm);background:var(--first-color-glow);border:1px solid transparent;transition:all .3s ease;position:relative}.contact__item:hover{background:#6c63ff1a;border-color:#6c63ff1f}.contact__item--link{text-decoration:none;cursor:pointer}.contact__item--link:hover{transform:translate(4px);background:#6c63ff1f;border-color:var(--first-color)}.contact__item-arrow{margin-left:auto;color:var(--first-color);font-size:1rem;opacity:0;transform:translate(-4px,4px);transition:all .3s ease}.contact__item--link:hover .contact__item-arrow{opacity:1;transform:translate(0)}.contact__item-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--first-color-glow);color:var(--first-color);font-size:1.1rem;flex-shrink:0;transition:all .3s ease}.contact__item:hover .contact__item-icon{background:var(--first-color);color:#fff;transform:rotate(-8deg) scale(1.05)}.contact__item-title{font-size:var(--small-font-size);font-weight:var(--font-semibold);color:var(--title-color);line-height:1;margin-bottom:.15rem;transition:color .4s}.contact__item-text{font-size:var(--smaller-font-size);color:var(--text-color);transition:color .4s}.contact__item--link:hover .contact__item-text{color:var(--first-color)}.contact__form{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.contact__form:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.contact__form-group{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem}.contact__form-div{margin-bottom:1.25rem;position:relative}.contact__form-div.focused .contact__form-label{color:var(--first-color);transform:translate(2px)}.contact__form-div.focused .contact__form-input{border-color:var(--first-color);box-shadow:0 0 0 3px var(--first-color-glow);background:var(--input-bg)}.contact__form-label{display:block;font-size:var(--smaller-font-size);font-weight:var(--font-semibold);color:var(--title-color);margin-bottom:.4rem;letter-spacing:.02em;transition:all .3s ease}.contact__form-input{width:100%;height:3rem;background:var(--input-bg);color:var(--input-color);border:1.5px solid var(--input-border);border-radius:var(--border-radius-sm);padding:.75rem 1rem;font-size:var(--normal-font-size);font-family:var(--font-family);transition:all .3s ease;outline:none}.contact__form-input:hover{border-color:#6c63ff59}.contact__form-input:focus{border-color:var(--first-color);box-shadow:0 0 0 3px var(--first-color-glow)}.contact__form-input::placeholder{color:var(--text-color-light);opacity:.6}.contact__form-area .contact__form-input{height:9rem;resize:none}.contact__btn{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;line-height:1;position:relative;min-height:3rem;transition:all .4s cubic-bezier(.22,1,.36,1)}.contact__btn:disabled{opacity:.9;cursor:not-allowed;transform:none!important;animation:sendingPulse 1.5s ease-in-out infinite}@keyframes sendingPulse{0%,to{box-shadow:0 4px 15px #6c63ff4d}50%{box-shadow:0 4px 25px #6c63ff8c}}.contact__btn--sent{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 4px 15px #22c55e4d!important}.contact__btn--sent:hover{box-shadow:0 6px 25px #22c55e66!important}.contact__btn--error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 15px #ef44444d!important}.contact__btn--error:hover{box-shadow:0 6px 25px #ef444466!important}.contact__btn-spinner{display:block;width:22px;height:22px;min-width:22px;min-height:22px;flex-shrink:0;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.contact__btn-icon{font-size:1.1rem;transition:transform .3s;line-height:0;position:relative;top:2px}.contact__btn:hover .contact__btn-icon{transform:translate(3px,-3px)}@keyframes contactSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.contact__info{animation:contactSlideUp .5s ease both}.contact__form{animation:contactSlideUp .5s ease both;animation-delay:.1s}@media screen and (max-width:768px){.contact__container,.contact__form-group{grid-template-columns:1fr}.contact__form,.contact__info-card{padding:1.5rem}.contact__info-card:hover,.contact__form:hover{transform:none}.contact.section{padding-bottom:4rem}}@media screen and (max-width:480px){.contact__form,.contact__info-card{padding:1.25rem}.contact__heading{font-size:var(--h3-font-size)}.contact__form-input{height:2.75rem;padding:.65rem .85rem}.contact__form-area .contact__form-input{height:7rem}.contact__item{padding:.65rem .75rem;gap:.65rem}.contact__item-icon{width:34px;height:34px;font-size:1rem}.contact.section{padding-bottom:3rem}}.work__subtitle{text-align:center;color:var(--text-color-light);font-size:var(--normal-font-size);max-width:420px;margin:-.5rem auto 2.5rem;line-height:1.6}.work__filters{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.work__filter{cursor:pointer;font-family:inherit;font-weight:var(--font-semibold);font-size:var(--small-font-size);color:var(--text-color);padding:.55rem 1.4rem;border-radius:50px;border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;letter-spacing:.02em}.work__filter:hover{color:var(--first-color);border-color:var(--first-color);background:var(--first-color-glow)}.work__filter--active{color:#fff;background:var(--gradient);border-color:transparent;box-shadow:0 4px 15px #6c63ff4d}.work__filter--active:hover{color:#fff;background:var(--gradient);border-color:transparent}.work__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.work__card{position:relative;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--shadow);background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.work__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.work__thumbnail{position:relative;overflow:hidden;margin:.75rem .75rem 0;border-radius:var(--border-radius-sm)}.work__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work__card:hover .work__img{transform:scale(1.05)}.work__body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.work__badge{font-size:.68rem;font-weight:var(--font-semibold);color:var(--first-color);background:var(--first-color-glow);padding:.2rem .6rem;border-radius:50px;width:fit-content;letter-spacing:.04em;text-transform:uppercase}.work__title{font-size:var(--h3-font-size);font-weight:var(--font-bold);color:var(--title-color);margin:0;transition:color .3s;line-height:1.3}.work__actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.25rem}.work__action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:var(--smaller-font-size);font-weight:var(--font-semibold);color:var(--text-color);text-decoration:none;padding:.55rem .5rem;border-radius:var(--border-radius-sm);border:1px solid var(--card-border);background:transparent;transition:all .3s ease}.work__action svg{font-size:.95rem}.work__action:hover{color:var(--first-color);border-color:var(--first-color);background:var(--first-color-glow)}.work__action--primary{color:#fff;background:var(--first-color);border-color:var(--first-color)}.work__action--primary:hover{background:var(--first-color-dark);border-color:var(--first-color-dark);color:#fff;box-shadow:0 4px 12px #6c63ff59}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work__card{animation:cardSlideUp .45s ease both}.work__card:nth-child(1){animation-delay:0s}.work__card:nth-child(2){animation-delay:.07s}.work__card:nth-child(3){animation-delay:.14s}.work__card:nth-child(4){animation-delay:.21s}.work__card:nth-child(5){animation-delay:.28s}.work__card:nth-child(6){animation-delay:.35s}.work__card:nth-child(7){animation-delay:.42s}.work__card:nth-child(8){animation-delay:.49s}.work__card:nth-child(9){animation-delay:.56s}.work__card:nth-child(10){animation-delay:.63s}@media screen and (max-width:900px){.work__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media screen and (max-width:580px){.work__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.work__subtitle{font-size:var(--small-font-size);margin-bottom:1.75rem}.work__filters{margin-bottom:1.75rem;gap:.4rem}.work__filter{padding:.45rem 1.1rem;font-size:var(--smaller-font-size)}.work__body{padding:.75rem 1rem 1rem}.work__thumbnail{margin:.5rem .5rem 0}.work__card:hover{transform:none}.work__action{padding:.5rem .4rem;font-size:.7rem}}:root{--first-color: #6c63ff;--first-color-light: #8b83ff;--first-color-dark: #5a52e0;--first-color-glow: rgba(108, 99, 255, .15);--gradient: linear-gradient(135deg, #6c63ff 0%, #48bfe3 100%);--gradient-hover: linear-gradient(135deg, #5a52e0 0%, #3aadd0 100%);--title-color: #1a1a2e;--text-color: #555580;--text-color-light: #8888aa;--body-color: #f0f2f8;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(108, 99, 255, .08);--sidebar-bg: #ffffff;--sidebar-border: rgba(0, 0, 0, .04);--nav-link-color: #555580;--nav-toggle-bg: rgba(255, 255, 255, .7);--nav-toggle-border: rgba(108, 99, 255, .1);--nav-toggle-color: #555580;--input-bg: #ffffff;--input-color: #1a1a2e;--input-border: rgba(108, 99, 255, .15);--shadow: 0 4px 30px rgba(108, 99, 255, .08);--shadow-hover: 0 8px 40px rgba(108, 99, 255, .15);--img-border: rgba(108, 99, 255, .2);--scrollbar-thumb: rgba(108, 99, 255, .3);--h1-font-size: 2.5rem;--h2-font-size: 1.5rem;--h3-font-size: 1.2rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .8rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--border-radius: 16px;--border-radius-sm: 10px;--border-radius-lg: 24px}.main-dark{--title-color: #e8e8f0;--text-color: #a0a0c0;--text-color-light: #7777a0;--body-color: #0f0f1a;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(108, 99, 255, .12);--sidebar-bg: #151525;--sidebar-border: rgba(255, 255, 255, .05);--nav-link-color: #a0a0c0;--nav-toggle-bg: rgba(255, 255, 255, .04);--nav-toggle-border: rgba(108, 99, 255, .2);--nav-toggle-color: #a0a0c0;--input-bg: rgba(255, 255, 255, .05);--input-color: #e8e8f0;--input-border: rgba(108, 99, 255, .2);--shadow: 0 4px 30px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(108, 99, 255, .2);--img-border: rgba(108, 99, 255, .3);--scrollbar-thumb: rgba(108, 99, 255, .5)}@media screen and (max-width:1024px){:root{--h1-font-size: 1.85rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}@media screen and (max-width:480px){:root{--h1-font-size: 1.55rem;--h2-font-size: 1.1rem;--h3-font-size: .938rem;--normal-font-size: .875rem;--small-font-size: .78rem;--smaller-font-size: .7rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light dark}body,button,input,textarea{font-family:var(--font-family);font-size:var(--normal-font-size)}body{background-color:var(--body-color);line-height:1.7;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;vertical-align:middle}.container{max-width:1080px;padding-left:20px;padding-right:20px;margin:0 auto}.grid{display:grid}.section{padding-top:7rem;padding-bottom:3rem}@media screen and (max-width:1024px){.section{padding-top:5rem;padding-bottom:2rem}.section__title{margin-bottom:2rem}}@media screen and (max-width:480px){.section{padding-top:4rem;padding-bottom:1.5rem}.container{padding-left:16px;padding-right:16px}.section__title{margin-bottom:1.5rem;font-size:var(--h2-font-size)}.btn{padding:.75rem 1.8rem;font-size:var(--small-font-size)}}.section__title{font-size:var(--h1-font-size);font-weight:var(--font-extrabold);position:relative;margin-bottom:3rem;color:var(--title-color);transition:color .4s;letter-spacing:-.02em;padding-left:1rem}.section__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--gradient);border-radius:4px}.btn{padding:.85rem 2.2rem;line-height:1;border-radius:50px;border:none;color:#fff;display:inline-block;background:var(--gradient);font-weight:var(--font-semibold);font-size:var(--normal-font-size);letter-spacing:.02em;transition:all .3s ease;box-shadow:0 4px 15px #6c63ff4d;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6c63ff66;background:var(--gradient-hover)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}@media screen and (max-width:720px){.mobile-hide{display:none}}@media screen and (min-width:1025px){.hide-desktop{display:none}}
