@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";.App{min-height:100vh;width:100%;max-width:100vw;background-color:#f5f7fa;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}.App::-webkit-scrollbar{width:8px}.App::-webkit-scrollbar-track{background:#f1f1f1}.App::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#e94560);border-radius:10px}.App::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#dc2626)}:root{--header-height: 3rem;--font-semi: 600;--hue-color: 224;--first-color: hsl(var(--hue-color), 89%, 60%);--second-color: hsl(var(--hue-color), 56%, 12%);--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h2-font-size: 1.25rem;--normal-font-size: .938rem;--smaller-font-size: .75rem;--mb-2: 1rem;--mb-4: 2rem;--mb-5: 2.5rem;--mb-6: 3rem;--z-back: -10;--z-fixed: 100}@media screen and (min-width: 968px){:root{--big-font-size: 3.5rem;--h2-font-size: 2rem;--normal-font-size: 1rem;--smaller-font-size: .875rem}}*,:before,:after{box-sizing:border-box}*:focus{outline:none}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:none}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--body-font);font-size:var(--normal-font-size);color:var(--second-color);width:100%;max-width:100vw;overflow-x:hidden}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.section-title{position:relative;font-size:var(--h2-font-size);color:var(--first-color);margin-top:var(--mb-2);margin-bottom:var(--mb-4);text-align:center}.section-title:after{position:absolute;content:"";width:64px;height:.18rem;left:0;right:0;margin:auto;top:2rem;background-color:var(--first-color)}.section{padding-top:3rem;padding-bottom:2rem}.bd-grid{max-width:1024px;display:grid;margin-left:var(--mb-2);margin-right:var(--mb-2)}.l-header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:#fff;box-shadow:0 1px 4px #92a1b026}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-semi)}@media screen and (max-width: 767px){.nav__menu{position:fixed;top:var(--header-height);right:-100%;width:80%;height:100%;padding:2rem;background-color:var(--second-color);transition:.5s}}.nav__item{margin-bottom:var(--mb-4)}.nav__link{position:relative;color:#fff;cursor:pointer}.nav__link:hover{position:relative}.nav__link:hover:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--first-color)}.nav__logo{color:var(--second-color)}.nav__toggle{color:var(--second-color);font-size:1.5rem;cursor:pointer}.nav__link.active:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--first-color)}.nav__link-modern.active:after,.nav__link-modern.clickcolour:after{display:none!important;content:none!important}.show{right:0}.home{position:relative;row-gap:5rem;padding:4rem 0 5rem}.home__data{align-self:center}.home__title{font-size:var(--big-font-size);margin-bottom:var(--mb-5)}.home__title-color{color:#255b98}.home__social{display:flex;flex-direction:column}.home__social-icon{width:max-content;margin-bottom:var(--mb-2);font-size:1.5rem;color:var(--second-color)}.home__social-icon:hover{color:var(--first-color)}.home__img{position:absolute;right:0;bottom:0;width:260px}.home__blob{fill:var(--first-color)}.home__blob-img{width:360px}.button{display:inline-block;background-color:var(--first-color);color:#fff;padding:.75rem 2.5rem;font-weight:var(--font-semi);border-radius:.5rem;transition:.3s}.button:hover{box-shadow:0 10px 36px #00000026}.about__container{row-gap:2rem;text-align:center}#ownWord{font-size:15px}.about__subtitle{margin-bottom:var(--mb-2)}.about__img{justify-self:center}.about__img img{width:200px;border-radius:.5rem}.skills__container{row-gap:2rem;text-align:center}.skills__subtitle{margin-bottom:var(--mb-2)}.skills__text{margin-bottom:var(--mb-4)}.skills__data{display:flex;justify-content:space-between;align-items:center;position:relative;font-weight:var(--font-semi);padding:.5rem 1rem;margin-bottom:var(--mb-4);border-radius:.5rem;box-shadow:0 4px 25px #0e243126}.skills__icon{font-size:2rem;margin-right:var(--mb-2);color:var(--first-color)}.skills__names{display:flex;align-items:center}.skills__bar{position:absolute;left:0;bottom:0;background-color:var(--first-color);height:.25rem;border-radius:.5rem;z-index:var(--z-back)}.skills__html{width:95%}.skills__css{width:85%}.skills__js{width:65%}.skills__ux{width:85%}.skills__img{border-radius:.5rem}.work__container{row-gap:2rem}.work__img{box-shadow:0 4px 25px #0e243126;border-radius:.5rem;overflow:hidden}.work__img img{transition:1s}.work__img img:hover{transform:scale(1.1)}.contact__input{width:100%;font-size:var(--normal-font-size);font-weight:var(--font-semi);padding:1rem;border-radius:.5rem;border:1.5px solid var(--second-color);outline:none;margin-bottom:var(--mb-4)}.contact__button{display:block;border:none;outline:none;font-size:var(--normal-font-size);cursor:pointer;margin-left:auto}.footer{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)!important;color:#fff!important;text-align:center;padding:3rem 1.5rem 2rem;margin-top:3%;width:100%;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--first-color),#e94560,var(--first-color));background-size:200% 100%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.footer__container{max-width:1200px;margin:0 auto}.footer__brand{margin-bottom:1.5rem}.footer__title{font-size:2.5rem;margin-bottom:.5rem;color:#fff!important;font-weight:700;font-style:italic;background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.footer h2{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;font-style:italic;background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.footer__tagline{font-size:1rem;color:#ffffffb3;font-weight:300;letter-spacing:3px;text-transform:uppercase}.footer__social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.footer__social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer__social-link:hover{background:var(--first-color);transform:translateY(-5px);box-shadow:0 10px 30px #6366f166;border-color:transparent}.footer__social-link i{transition:transform .3s ease}.footer__social-link:hover i{transform:scale(1.2)}.footer__divider{width:100%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:0 auto 1.5rem}.footer__bottom{display:flex;flex-direction:column;gap:.5rem}.footer__copy{font-size:.875rem;color:#fff9!important;margin:0}.footer__made{font-size:.8rem;color:#ffffff80;margin:0}.footer__heart{color:#e94560;animation:heartbeat 1.5s ease infinite;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer__icon{font-size:1.5rem;color:#fff;margin:0 var(--mb-2)}@media screen and (max-width: 320px){.home{row-gap:2rem}.home__img{width:200px}}@media screen and (min-width: 576px){.home{padding:4rem 0 2rem}.home__social{padding-top:0;padding-bottom:2.5rem;flex-direction:row;align-self:flex-end}.home__social-icon{margin-bottom:0;margin-right:var(--mb-4)}.home__img{width:300px;bottom:25%}.about__container{grid-template-columns:repeat(2,1fr);align-items:center;text-align:initial}.skills__container{grid-template-columns:.7fr;justify-content:center;column-gap:1rem}.work__container{grid-template-columns:repeat(2,1fr);column-gap:2rem;padding-top:2rem}.contact__form{width:360px;padding-top:2rem}.contact__container{justify-items:center}}@media screen and (min-width: 768px){body{margin:0}.section{padding-top:4rem;padding-bottom:3rem}.section-title{margin-bottom:var(--mb-6)}.section-title:after{width:80px;top:3rem}.nav{height:calc(var(--header-height) + 1.5rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-left:var(--mb-6);margin-bottom:0}.nav__toggle{display:none}.nav__link{color:var(--second-color)}.home{padding:8rem 0 2rem}.home__img{width:400px;bottom:10%}.about__container{padding-top:2rem}.about__img img{width:300px}.skills__container{grid-template-columns:repeat(2,1fr);column-gap:2rem;align-items:center;text-align:initial}.work__container{grid-template-columns:repeat(3,1fr);column-gap:2rem}}@media screen and (min-width: 992px){.bd-grid{margin-left:auto;margin-right:auto}.home{padding:10rem 0 2rem}.home__img{width:450px}}.clickcolour:not(.nav__link-modern){color:purple;font-weight:bolder}.navlogocolor{color:#00008b;font-size:larger;font-weight:bolder;cursor:pointer}.underline{width:90%;height:2px;background-color:#23212133;margin-top:3px}.home_sajith{text-align:left!important;width:80%!important;height:max-content!important}#saj{border-radius:20px;border:5px solid black;box-shadow:0 0 25px #212323;width:auto;height:70vh;margin-top:10%;animation:borderchange 5s linear infinite}@media screen and (max-width: 520px){#saj{width:80%;height:40vh}}.saj_picuter{display:none}.saj_picuter_show{display:block}@media screen and (max-width: 520px){.saj_picuter_show{width:65%;margin-left:15%}}@media screen and (max-width: 480px){.saj_picuter_show{width:85%;margin-left:8%}}.saj__data{margin-top:25%}.saj__data h1{font-weight:bolder;cursor:pointer}.saj__data{display:none}.saj__data:hover{color:#000000c9}@keyframes borderchange{0%,to{border-color:#6997d3}25%{border-color:#ffefd5}50%{border-color:#5c5a59}75%{border-color:#f5f5f5}}#horlics{border-radius:25px;padding:2%}#horlics h1{color:#483d8b;font-weight:bolder;margin-top:5%;margin-bottom:5%;cursor:pointer;font-size:45pt}@media screen and (max-width: 720px){#horlics h1{font-size:30pt}}#horlics strong{margin-top:10%}#horlics strong h3{background-color:#3b3232;color:#9acd32;margin-top:10px;margin-bottom:30px;padding:1%;width:60%;font-size:30pt;border-radius:15px;box-shadow:0 0 5px #000;cursor:pointer;font-weight:bolder;transition:all .5s}@media screen and (max-width: 720px){#horlics strong h3{width:80%}}#horlics strong h3:hover{background:linear-gradient(to bottom,#10967b,#034457);color:#fff;border:5px solid rgb(5,112,90);box-shadow:0 0 20px #000}#horlics strong h3 i{color:#7fbed5;background-color:#000;padding:8px;border-radius:8px}#horlics strong h3 #js-icon{color:#ff0;font-size:large!important}#horlics strong h3 #django-icon{color:#fff;background-color:#012f01;padding:5px}#horlics strong h3 #python-icon{color:#fff;background-color:#000;padding:5px}#horlics strong h3 #node-icon{color:#fff;background-color:green;padding:5px}#horlics strong h3 #php-icon{color:#f5f5f5;background-color:#155e77;padding:2px}#dotnet-icon{background-color:purple;color:#fff;padding:0 5px}#project h1{text-align:center;margin:2%;color:#483d8b;font-weight:bolder;cursor:pointer}#project .pro{background-color:#2f4f4f17;color:#000;border-radius:14px;padding:20px;margin-top:55px;box-shadow:0 0 10px #000}#project .pro h3{margin-top:30px;margin-bottom:15px;cursor:pointer}#project .pro #description{margin:5%;text-align:left}#project .pro #description i{color:red;margin-right:10px}#project .pro img{height:60%;width:90%;margin-top:25px;border-radius:5px}#project .pro video{height:60%;width:90%;margin-top:40px;border-radius:8px;border:3px solid darkslateblue;box-shadow:0 0 30px #483d8b}#checking_point{width:60vw;margin:25px}#darkbtn{font-weight:bolder;margin-top:30px;padding:10px;float:left;transition:all .5s;box-shadow:none}#darkbtn_home{color:#ff4500;font-weight:bolder;background-color:#f5f5f5;font-size:larger;width:30%;padding:10px;border:2px solid black;transition:all .5s}#darkbtn_home:hover{background-color:#48008b;color:red;box-shadow:10px 10px 30px #1c0101;border:5px solid white}#darkbtn1{font-weight:bolder;margin-top:30px;padding:10px;float:right;transition:all .5s;box-shadow:none}.row .others{display:none}.row .others h1{margin-top:10%!important;color:#483d8b;cursor:pointer;font-weight:bolder}.row .others h2:not(.footer__title){margin-top:3%!important;color:#483d8b;font-weight:bolder;font-size:35pt;cursor:pointer}.row .others .footer h2,.row .others .footer .footer__title{margin-top:0!important;font-weight:700;font-size:2.5rem;font-style:italic;cursor:default;background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-top:100px;cursor:pointer}#fordeveloper{margin-top:25px;cursor:pointer}.loading-spinner{margin-top:100px;width:50px;height:50px;border:6px solid transparent;border-top-color:#000;border-bottom-color:#483d8b;border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}10%{transform:rotate(36deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(27deg)}to{transform:rotate(360deg)}}#fordeveloper{display:none;margin:12.5%;padding:0}@media screen and (max-width: 520px){#fordeveloper{margin:18%}}#demo{margin-top:50px;white-space:nowrap;overflow:hidden;font-size:24px;width:fit-content;animation:typing 5s steps(20,end) forwards;cursor:pointer}#demo:after{content:"|";margin-left:5px;opacity:1;animation:cursor 1s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor{0%{opacity:1}to{opacity:.1}}::-webkit-scrollbar-track{background-color:wheat}@media screen and (max-width: 720px){::-webkit-scrollbar-track{background-color:#fff}}::-webkit-scrollbar-thumb{background-color:#483d8b;border-radius:5px}@media screen and (max-width: 720px){::-webkit-scrollbar-thumb{background-color:#fff}}::-webkit-scrollbar-thumb:hover{background-color:#ff4500}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar{width:10px}@media screen and (max-width: 720px){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-corner{background-color:#000}@media screen and (max-width: 720px){#speace{font-size:39pt!important;margin-bottom:10%!important}}@media screen and (max-width: 720px){#speace1{font-size:39pt!important;margin-bottom:10%!important}}.button-top{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #b4a0ff41;cursor:pointer;transition-duration:1s;overflow:hidden;position:relative}.button-top .svgIcon{width:12px;transition-duration:.5s}.button-top .svgIcon path{fill:#fff}.button-top:hover{width:140px;border-radius:50px;transition-duration:.5s;background-color:#0d1730;align-items:center}.button-top:hover .svgIcon{transition-duration:.5s;transform:translateY(-200%)}.button-top:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0px}.button-top:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.5s}.pl{width:6em;height:6em}.pl__ring{animation:ringA 2s linear infinite}.pl__ring--a{stroke:#f42f25}.pl__ring--b{animation-name:ringB;stroke:#f49725}.pl__ring--c{animation-name:ringC;stroke:#255ff4}.pl__ring--d{animation-name:ringD;stroke:#f42582}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330}12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335}32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595}40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660}62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665}82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925}90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110}20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115}40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195}48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220}70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225}90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305}98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}.button{margin-top:15px;height:auto;background-color:inherit;padding:0;border:none;cursor:pointer}.button{--border-right: 6px;--text-stroke-color: rgba(18, 16, 16);--animation-color: darkblue;--fs-size: 2em;letter-spacing:3px;text-decoration:none;font-size:var(--fs-size);font-family:Arial;position:relative;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--text-stroke-color)}.hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0%;top:0;right:0;bottom:0;left:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color)}.button:hover .hover-text{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}.btn-53,.btn-53 *,.btn-53 :after,.btn-53 :before,.btn-53:after,.btn-53:before{border:0 solid;box-sizing:border-box}.btn-53{-webkit-tap-highlight-color:inherit;-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#694343);mask-image:radial-gradient(#000,#694343);padding:0}.btn-53:disabled{cursor:default}.btn-53:-moz-focusring{outline:auto}.btn-53 svg{display:block}.btn-53 [hidden]{display:none}.btn-53{border:1px solid black;border-radius:20px;box-sizing:border-box;display:block;font-weight:900;overflow:hidden;padding:1.1rem;width:65%;background-color:#0d1730;position:relative}@media (max-width: 768px){.btn-53{width:80%}}@media (max-width: 480px){.btn-53{width:90%}}.btn-53 .original{background:#fff;color:#000;display:grid;top:0;right:0;bottom:0;left:0;place-content:center;position:absolute;transition:transform .2s cubic-bezier(.87,0,.13,1)}.btn-53:hover .original{transform:translateY(100%)}.btn-53 .letters{display:inline-flex}.btn-53 span{opacity:0;transform:translateY(-15px);transition:transform .2s cubic-bezier(.87,0,.13,1),opacity .2s}.btn-53 span:nth-child(2n){transform:translateY(15px)}.btn-53:hover span{opacity:1;transform:translateY(0)}.btn-53:hover span:nth-child(2){transition-delay:.05s}.btn-53:hover span:nth-child(3){transition-delay:.08s}.btn-53:hover span:nth-child(4){transition-delay:.1s}.btn-53:hover span:nth-child(5){transition-delay:.13s}.btn-53:hover span:nth-child(6){transition-delay:.17s}.btn-53:hover span:nth-child(7){transition-delay:.2s}.btn-53:hover span:nth-child(8){transition-delay:.24s}.btn-53:hover span:nth-child(9){transition-delay:.28s}.btn-53:hover span:nth-child(10){transition-delay:.3s}.btn-53:hover span:nth-child(11){transition-delay:.35s}i{color:#7fbed5;background-color:inherit;padding:8px;border-radius:8px;font-size:inherit}.animateBtn{margin-top:1%;margin-bottom:1%}@media screen and (max-width: 768px){.animateBtn{margin-top:5%;margin-bottom:5%}}@media screen and (max-width: 480px){.animateBtn{margin-top:6%;margin-bottom:4%}}#js-icon{color:#ff0}#django-icon{color:#fff;background-color:#012f01;padding:1px}#python-icon{color:#fff;background-color:#000;padding:5px}#node-icon{color:#fff;background-color:green;padding:5px}#php-icon{color:#f5f5f5;background-color:#155e77;padding:2px}#contacting{padding:5%!important;width:80%!important;background-color:#3e3131;transition:all 1s;border-radius:10px;padding:1%;margin-top:5%}#contacting:hover{background:linear-gradient(to left,purple,darkred);color:#fff;border:1px solid white;box-shadow:0 0 50px #000}@media screen and (max-width: 720px){#contacting:hover{box-shadow:0 0 30px #000}}@media screen and (max-width: 720px){#contacting{margin-top:15%;width:91%!important;padding:10%!important}}#contacting strong table{margin-top:60px}#contacting strong table #smedia{text-align:left}#contacting strong table #smedia tr td{color:#f5f5f5;font-size:large;text-align:left}#contacting strong table #smedia tr td a{font-size:medium}@media screen and (max-width: 620px){#contacting strong table #smedia tr td{font-size:small}}#contacting strong table #smedia tr td i{color:#ff9d00;font-weight:bolder;margin-left:10px}#contacting strong table #smedia tr td i:hover{color:#ff0}#contacting strong h5{margin-top:20px;text-align:center;color:#fff;font-size:larger;font-weight:bolder;cursor:pointer}@media screen and (max-width: 720px){#contacting strong h5{margin-top:15px}}#contacting strong h5 a{font-size:medium}@media screen and (max-width: 620px){#contacting strong h5 a{font-size:small}}.portfolio-container{padding:2%;margin-top:5%;width:380px;height:400px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:23px;border:1px solid #020c2a;background:linear-gradient(to right,rgb(13,23,48),#363795);box-shadow:#000 0 13px 18px}.portfolio-container form .portfolio-descr{font-size:25px;font-weight:bolder;color:#e8e8e8;margin-bottom:25px;text-align:center;margin-top:15%}.portfolio-form{display:flex;flex-direction:column}.portfolio-input,textarea{margin:1em 0;width:300px;position:relative}.portfolio-input input,textarea{font-size:100%;padding:.7em;outline:none;color:#e8e8e8;border:none;border-bottom:2px solid #e8e8e8;background:transparent;border-radius:none;width:100%;resize:none}.portfolio-input label{font-size:100%;position:absolute;left:0;color:#e8e8e8;padding:.7em;margin-left:.1em;pointer-events:none;transition:all .5s ease;text-transform:uppercase}.portfolio-input :is(input:focus,input:valid)~label{transform:translateY(-50%) scale(.9);margin:0;padding:.4em;background:transparent}.portfolio-input textarea:focus~label,.portfolio-input textarea:valid~label{transform:translateY(-50%) scale(.9);margin:0;padding:.4em;background:transparent}.portfolio-inputGroup :is(input:focus,input:valid){border-color:#2525d3}.portfolio-form button{color:#e8e8e8;font-size:15px;align-self:flex-start;padding:.6em;border:none;cursor:pointer;margin-bottom:50px;background:transparent;transition:all .3s ease-in-out;position:relative;overflow:hidden}.portfolio-form button:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:100%;background-color:#e8e8e8;opacity:0;transition:opacity .3s ease-in-out}.portfolio-form button:hover:before{opacity:.2}.portfolio-form button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}#footer:hover{color:#fff}.btn{font-size:1.2rem;padding:1rem 2.5rem;border:none;outline:none;border-radius:.4rem;cursor:pointer;text-transform:uppercase;background-color:#0e0e1a;color:#eaeaea;font-weight:700;transition:.6s;box-shadow:0 0 60px #1f4c65;-webkit-box-reflect:below 10px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4))}.btn:active{scale:.92}.btn:hover{background:rgb(2,29,78);background:linear-gradient(270deg,rgba(2,29,78,.681) 0%,rgba(31,215,232,.873) 60%);color:#040426}.modern-page{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8eb 100%);overflow-x:hidden;position:relative}.modern-page.full-width{width:100%;max-width:100vw}.projects-page{padding:8rem 2rem 4rem;min-height:calc(100vh - 200px);width:100%;max-width:100%}.projects-page__header{text-align:center;margin-bottom:3rem}.projects-page__subtitle{font-size:1.1rem;color:#666;max-width:500px;margin:0 auto}.projects-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 1rem}.projects-grid .animateBtn{width:100%}.projects-grid .animateBtn .btn-53{width:100%;padding:1.25rem 2rem;background:#fff;border:2px solid #e9ecef;border-radius:16px;font-size:1.1rem;font-weight:600;color:var(--second-color);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.projects-grid .animateBtn .btn-53:hover{border-color:var(--first-color);transform:translateY(-5px);box-shadow:0 10px 30px #6366f133}.projects-grid .animateBtn .btn-53:hover .original{opacity:0;transform:translateY(-20px)}.projects-grid .animateBtn .btn-53:hover .letters{opacity:1;transform:translateY(0)}.projects-grid .animateBtn .btn-53 .original{transition:all .3s ease}.projects-grid .animateBtn .btn-53 .letters{position:absolute;top:50%;left:50%;transform:translate(-50%,10px);opacity:0;transition:all .3s ease;display:flex;gap:2px;color:var(--first-color)}.modern-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:none;outline:none}.modern-header *{border:none;outline:none}.modern-header.scrolled{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a;padding:.5rem 2rem}.modern-nav{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav__brand{display:flex;align-items:center;cursor:pointer;gap:.25rem}.nav__logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav__logo-dot{width:8px;height:8px;background:#e94560;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.nav__menu-modern{display:flex;align-items:center}@media screen and (max-width: 768px){.nav__menu-modern{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:6rem 2rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);flex-direction:column;align-items:flex-start;border:none!important;outline:none!important;box-shadow:none}.nav__menu-modern:before,.nav__menu-modern:after{display:none!important}.nav__menu-modern.show{right:0;box-shadow:-10px 0 50px #0000004d}}.nav__list-modern{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}@media screen and (max-width: 768px){.nav__list-modern{flex-direction:column;gap:1rem;width:100%}}.nav__item-modern{margin:0}.nav__link-modern{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;color:var(--second-color);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:none!important;outline:none!important;text-decoration:none!important}.nav__link-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--first-color),#e94560);opacity:0;transition:opacity .3s ease;border-radius:12px}.nav__link-modern:after{display:none!important;content:none!important}.nav__link-modern:hover,.nav__link-modern.active{color:#fff}.nav__link-modern:hover:before,.nav__link-modern.active:before{opacity:1}.nav__link-modern:hover:after,.nav__link-modern.active:after{display:none!important}.nav__link-modern .nav__link-icon,.nav__link-modern .nav__link-text{position:relative;z-index:1}.nav__link-modern .nav__link-icon{font-size:1.25rem}@media screen and (max-width: 768px){.nav__link-modern{color:#fff;padding:1rem 1.5rem;font-size:1.1rem}}.nav__toggle-modern{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:10px}.nav__toggle-modern span{width:28px;height:3px;background:var(--second-color);border-radius:3px;transition:all .3s ease}.nav__toggle-modern.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:#fff}.nav__toggle-modern.active span:nth-child(2){opacity:0}.nav__toggle-modern.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:#fff}@media screen and (max-width: 768px){.nav__toggle-modern{display:flex}}.modern-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none}.modern-btn i{font-size:1.25rem}.modern-btn--primary{background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff;box-shadow:0 4px 20px #6366f166}.modern-btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f180;color:#fff!important}.modern-btn--outline{background:transparent;color:var(--second-color);border:2px solid var(--second-color)}.modern-btn--outline:hover{background:var(--second-color);color:#fff;transform:translateY(-3px)}.section-tag{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(233,69,96,.1));color:var(--first-color);border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--second-color);margin-bottom:1rem}@media screen and (max-width: 768px){.section-title{font-size:2rem}}.about-hero{min-height:100vh;padding:8rem 2rem 4rem;position:relative;overflow:hidden;background:#fff}.about-hero__background,.about-hero__shapes{display:none}.about-hero__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center;position:relative;z-index:1}@media screen and (max-width: 968px){.about-hero__content{grid-template-columns:1fr;text-align:center}}.about-hero__image-wrapper{position:relative}@media screen and (max-width: 968px){.about-hero__image-wrapper{max-width:350px;margin:0 auto}}.about-hero__image-frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 25px 80px #0003}.about-hero__image-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.2),transparent);z-index:1}.about-hero__image{width:100%;display:block;transition:transform .5s ease}.about-hero__image:hover{transform:scale(1.05)}.about-hero__image-decoration{position:absolute;width:100%;height:100%;border:3px solid var(--first-color);border-radius:30px;top:20px;left:20px;z-index:-1}@media screen and (max-width: 968px){.about-hero__info{order:2}}.about-hero__greeting{display:block;font-size:1.1rem;color:var(--first-color);font-weight:500;margin-bottom:.5rem}.about-hero__name{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--second-color),var(--first-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.1}@media screen and (max-width: 768px){.about-hero__name{font-size:3rem}}.about-hero__title{font-size:1.5rem;color:#666;font-weight:400;margin-bottom:2rem}.about-hero__description{font-size:1.1rem;color:#555;line-height:1.8;margin-bottom:1.5rem}.about-hero__actions{display:flex;gap:1rem;flex-wrap:wrap}@media screen and (max-width: 968px){.about-hero__actions{justify-content:center}}.skills-section{padding:5rem 2rem;background:#fff}.skills-section__header{text-align:center;margin-bottom:3rem}.skills-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #00000014;text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}.skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-card__icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--first-color),#e94560);border-radius:20px;display:flex;align-items:center;justify-content:center}.skill-card__icon i{font-size:2rem;color:#fff}.skill-card__name{font-size:1.25rem;font-weight:600;color:var(--second-color);margin-bottom:1rem}.skill-card__progress{height:8px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.skill-card__progress-bar{height:100%;background:linear-gradient(90deg,var(--first-color),#e94560);border-radius:10px;transition:width 1s ease}.skill-card__level{font-size:.875rem;color:#888;font-weight:500}.about-section-modern{padding:5rem 2rem;background:#fff}.about-section-modern__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}@media screen and (max-width: 968px){.about-section-modern__container{grid-template-columns:1fr;text-align:center}}@media screen and (max-width: 968px){.about-section-modern__image{max-width:300px;margin:0 auto}}.about-section-modern__image-wrapper{position:relative}.about-section-modern__image-wrapper img{width:100%;border-radius:20px;box-shadow:0 20px 60px #00000026}.about-section-modern__image-border{position:absolute;width:100%;height:100%;border:3px solid var(--first-color);border-radius:20px;top:15px;left:15px;z-index:-1}.about-section-modern__tag{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(233,69,96,.1));color:var(--first-color);border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.about-section-modern__title{font-size:2.5rem;font-weight:700;color:var(--second-color);margin-bottom:1.5rem}.about-section-modern__text{font-size:1rem;color:#666;line-height:1.8;margin-bottom:1rem}.about-section-modern__stats{display:flex;gap:2rem;margin:2rem 0}@media screen and (max-width: 968px){.about-section-modern__stats{justify-content:center}}.stat-item{text-align:center}.stat-item__number{display:block;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item__label{font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:1px}.contact-page{padding:8rem 2rem 4rem;min-height:calc(100vh - 200px);width:100%;max-width:100%;background:#fff}.contact-page__container{max-width:1200px;margin:0 auto;width:100%}.contact-page__header{text-align:center;margin-bottom:4rem}.contact-page__subtitle{font-size:1.1rem;color:#666;max-width:500px;margin:0 auto}.contact-page__content{width:100%;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}@media screen and (max-width: 968px){.contact-page__content{grid-template-columns:1fr}}.contact-page__info{display:flex;flex-direction:column;gap:1.5rem}.contact-info-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #00000014;transition:all .3s ease}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000001f}.contact-info-card__icon{width:60px;height:60px;background:linear-gradient(135deg,var(--first-color),#e94560);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.contact-info-card__icon i{font-size:1.5rem;color:#fff}.contact-info-card h3{font-size:1.1rem;color:var(--second-color);margin-bottom:.5rem}.contact-info-card p{color:#666;margin:0}.contact-info-card__social{display:flex;gap:1rem}.contact-info-card__social a{width:45px;height:45px;background:#f5f7fa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--second-color);transition:all .3s ease}.contact-info-card__social a:hover{background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff;transform:translateY(-3px)}.contact-info-card__social a i{font-size:1.25rem}.modern-contact{width:100%}.modern-contact__form-container{background:#fff;border-radius:25px;padding:3rem;box-shadow:0 20px 60px #0000001a}.modern-contact__form{display:flex;flex-direction:column;gap:1.5rem}.modern-contact__header{margin-bottom:1rem}.modern-contact__header h2{font-size:1.75rem;color:var(--second-color);margin-bottom:.5rem}.modern-contact__header p{color:#888}.modern-input-group{position:relative;display:flex;align-items:center}.modern-input-group i{position:absolute;left:1rem;color:#aaa;font-size:1.25rem;transition:color .3s ease}.modern-input-group input,.modern-input-group textarea{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#f8f9fa;color:var(--second-color)}.modern-input-group input:focus,.modern-input-group textarea:focus{outline:none;border-color:var(--first-color);background:#fff;box-shadow:0 0 0 4px #6366f11a}.modern-input-group textarea{resize:vertical;min-height:120px}.modern-input-group label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;transition:all .3s ease;background:transparent;padding:0 .5rem}.modern-input-group--textarea label{top:1.5rem;transform:translateY(0)}.modern-input-group.focused i,.modern-input-group:focus-within i{color:var(--first-color)}.modern-input-group.focused label,.modern-input-group:focus-within label{top:0;transform:translateY(-50%);font-size:.8rem;color:var(--first-color);background:#fff}.modern-contact__submit{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modern-contact__submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}.modern-contact__submit i{font-size:1.25rem;transition:transform .3s ease}.modern-contact__submit:hover i{transform:translate(5px)}@media screen and (max-width: 768px){.contact-page{padding:6rem 1rem 3rem}.contact-page__header{margin-bottom:2.5rem}.contact-page__subtitle{font-size:1rem;padding:0 .5rem}.contact-page__content{gap:2rem}.contact-info-card{padding:1.5rem;border-radius:16px}.contact-info-card__icon{width:50px;height:50px;border-radius:12px}.contact-info-card__icon i{font-size:1.25rem}.modern-contact__form-container{padding:2rem 1.5rem;border-radius:20px}.modern-contact__header h2{font-size:1.5rem}.modern-contact__header p{font-size:.9rem}.modern-input-group input,.modern-input-group textarea{padding:.875rem .875rem .875rem 2.75rem;font-size:.95rem;border-radius:10px}.modern-input-group i{left:.875rem;font-size:1.1rem}.modern-input-group label{left:2.75rem;font-size:.95rem}.modern-input-group.focused label,.modern-input-group:focus-within label{font-size:.75rem}.modern-contact__submit{padding:.875rem 1.5rem;font-size:.95rem;border-radius:10px}}@media screen and (max-width: 480px){.contact-page{padding:5rem .75rem 2rem}.contact-page__header{margin-bottom:2rem}.contact-page__header .section-title{font-size:1.5rem}.contact-page__subtitle{font-size:.9rem}.contact-page__content{gap:1.5rem}.contact-page__info{gap:1rem}.contact-info-card{padding:1.25rem;border-radius:14px}.contact-info-card h3{font-size:1rem}.contact-info-card p{font-size:.9rem}.contact-info-card__icon{width:45px;height:45px;border-radius:10px;margin-bottom:.75rem}.contact-info-card__icon i{font-size:1.1rem}.contact-info-card__social{gap:.75rem}.contact-info-card__social a{width:40px;height:40px;border-radius:10px}.contact-info-card__social a i{font-size:1.1rem}.modern-contact__form-container{padding:1.5rem 1rem;border-radius:16px;box-shadow:0 10px 40px #00000014}.modern-contact__form{gap:1.25rem}.modern-contact__header{margin-bottom:.5rem}.modern-contact__header h2{font-size:1.25rem}.modern-contact__header p{font-size:.85rem}.modern-input-group input,.modern-input-group textarea{padding:.75rem .75rem .75rem 2.5rem;font-size:.9rem;border-radius:8px}.modern-input-group i{left:.75rem;font-size:1rem}.modern-input-group label{left:2.5rem;font-size:.9rem}.modern-input-group textarea{min-height:100px}.modern-input-group.focused label,.modern-input-group:focus-within label{font-size:.7rem}.modern-contact__submit{padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px;gap:.5rem}.modern-contact__submit i{font-size:1.1rem}}@media screen and (max-width: 360px){.contact-page{padding:4.5rem .5rem 1.5rem}.contact-page__header{margin-bottom:1.5rem}.contact-page__header .section-title{font-size:1.35rem}.contact-page__header .section-tag{font-size:.75rem}.contact-page__subtitle{font-size:.85rem}.contact-info-card{padding:1rem}.modern-contact__form-container{padding:1.25rem .875rem;border-radius:14px}.modern-contact__header h2{font-size:1.1rem}.modern-input-group input,.modern-input-group textarea{padding:.7rem .7rem .7rem 2.25rem;font-size:.85rem}.modern-input-group i{left:.7rem;font-size:.95rem}.modern-input-group label{left:2.25rem;font-size:.85rem}.modern-contact__submit{padding:.7rem 1rem;font-size:.85rem}}.home-page{overflow-x:hidden}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:6rem 2rem 2rem;overflow:hidden;background:#fff}.hero-background,.hero-shapes,.hero-shape{display:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-container{max-width:1300px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}@media screen and (max-width: 968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}}.hero-content{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-content--visible{opacity:1;transform:translate(0)}.hero-greeting{display:inline-block;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:1rem;font-weight:500;color:#666;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014}.hero-title{font-size:4rem;font-weight:800;color:var(--second-color);line-height:1.1;margin-bottom:1rem}.hero-title--highlight{background:linear-gradient(135deg,var(--first-color),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width: 768px){.hero-title{font-size:2.75rem}}.hero-subtitle{font-size:1.75rem;color:#666;font-weight:400;margin-bottom:1.5rem}@media screen and (max-width: 768px){.hero-subtitle{font-size:1.35rem}}.hero-typing{font-size:1.25rem;color:var(--first-color);min-height:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:2px}@media screen and (max-width: 968px){.hero-typing{justify-content:center}}.typing-cursor{animation:blink 1s step-end infinite;color:var(--first-color);font-weight:300}@keyframes blink{50%{opacity:0}}.hero-actions{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}@media screen and (max-width: 968px){.hero-actions{justify-content:center}}.hero-social{display:flex;gap:1rem}@media screen and (max-width: 968px){.hero-social{justify-content:center}}.hero-social__link{width:50px;height:50px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--second-color);font-size:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.hero-social__link:hover{background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #6366f14d}.hero-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 968px){.hero-image-wrapper{order:-1;max-width:350px;margin:0 auto}}.hero-loader{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}.hero-image{position:relative;opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-image--visible{opacity:1;transform:scale(1)}.hero-image__frame{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px #0003}.hero-image__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.1),transparent);z-index:1}.hero-image__frame img{width:100%;max-width:450px;display:block;transition:transform .5s ease}.hero-image__frame img:hover{transform:scale(1.05)}.hero-image__decoration{position:absolute;width:100%;height:100%;border:4px solid var(--first-color);border-radius:30px;top:25px;left:25px;z-index:-1;opacity:.5}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#888;font-size:.875rem;animation:bounce 2s ease infinite}.scroll-indicator i{font-size:1.5rem;margin-top:.25rem}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.home-section{padding:5rem 2rem}.home-section--alt{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{color:#666;font-size:1.1rem;max-width:500px;margin:0 auto}.home-contact-wrapper{max-width:600px;margin:0 auto}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff;border:none;border-radius:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:999}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 30px #6366f180}.home-projects-section{max-width:1200px;margin:0 auto;padding:0 1rem}.projects-showcase{min-height:100vh;background:#fff}.projects-showcase__header{padding:8rem 2rem 4rem;text-align:center;position:relative;overflow:hidden;background:#fff}.projects-showcase__header-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.projects-showcase__badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--first-color),#e94560);border:none;padding:.6rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:1.5rem;letter-spacing:.5px}.projects-showcase__badge i{font-size:1.1rem;color:#fff}.projects-showcase__title{font-size:3.5rem;font-weight:800;color:var(--second-color);margin-bottom:1.25rem;letter-spacing:-.02em;position:relative;z-index:2}.projects-showcase__title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,var(--first-color),#e94560);border-radius:2px}@media screen and (max-width: 768px){.projects-showcase__title{font-size:2.5rem}}.projects-showcase__subtitle{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.projects-showcase__stats{display:inline-flex;align-items:center;gap:2rem;background:#fff;box-shadow:0 10px 40px #00000014;border:none;border-radius:20px;padding:1.5rem 3rem;position:relative;z-index:2}@media screen and (max-width: 600px){.projects-showcase__stats{gap:1.5rem;padding:1.25rem 2rem}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}.stat-number{font-size:2rem;font-weight:800;color:var(--second-color);line-height:1}@media screen and (max-width: 600px){.stat-number{font-size:1.5rem}}.stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media screen and (max-width: 600px){.stat-label{font-size:.7rem}}.stat-divider{width:1px;height:50px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.1),transparent)}.projects-showcase__grid-container{padding:4rem 2rem 6rem;max-width:1200px;margin:0 auto;background:#fff;position:relative;z-index:2}.projects-showcase__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media screen and (max-width: 1024px){.projects-showcase__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.projects-showcase__grid{grid-template-columns:1fr;gap:1rem}}.tech-showcase-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2rem;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000008}.tech-showcase-card:hover{transform:translateY(-10px);border-color:transparent;box-shadow:0 25px 50px #0000001a,0 0 0 1px var(--card-primary)}.tech-showcase-card:hover .tech-showcase-card__glow{opacity:1}.tech-showcase-card:hover .tech-showcase-card__icon{transform:scale(1.1);box-shadow:0 15px 35px #0003}.tech-showcase-card:hover .tech-showcase-card__action{opacity:1;transform:translateY(0)}.tech-showcase-card:hover .tech-showcase-card__action i{transform:translate(5px)}.tech-showcase-card:hover .tech-showcase-card__name{color:var(--card-primary)}.tech-showcase-card__glow{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-primary),var(--card-secondary));opacity:0;transition:opacity .4s ease;z-index:1}.tech-showcase-card__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;min-height:200px}.tech-showcase-card__icon{width:70px;height:70px;background:linear-gradient(135deg,var(--card-primary),var(--card-secondary));border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000001f}.tech-showcase-card__icon i,.tech-showcase-card__icon span{font-size:2rem}.tech-showcase-card__info{flex:1}.tech-showcase-card__name{font-size:1.35rem;font-weight:700;color:#1e293b;margin-bottom:.6rem;transition:color .3s ease}.tech-showcase-card__desc{font-size:.95rem;color:#64748b;line-height:1.6}.tech-showcase-card__action{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.95rem;font-weight:600;color:var(--card-primary);opacity:0;transform:translateY(10px);transition:all .3s ease}.tech-showcase-card__action i{font-size:1.35rem;transition:transform .3s ease}.tech-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}@media screen and (max-width: 768px){.tech-cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (max-width: 480px){.tech-cards-grid{grid-template-columns:1fr}}.tech-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000014;border:2px solid transparent}.tech-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #6366f126;border-color:var(--first-color)}.tech-card:hover .tech-card__arrow{opacity:1;transform:translate(0)}.tech-card:hover .tech-card__icon{transform:scale(1.1)}.tech-card__icon{width:50px;height:50px;background:linear-gradient(135deg,var(--first-color),#e94560);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.tech-card__icon i,.tech-card__icon span{font-size:1.5rem;color:#fff}.tech-card__icon #js-icon{color:#f7df1e!important;font-weight:700}.tech-card__icon #python-icon{color:#3776ab!important}.tech-card__icon #django-icon{color:#092e20!important;background:#44b78b;padding:4px;border-radius:4px}.tech-card__icon #node-icon{color:#393!important}.tech-card__icon #php-icon{color:#777bb4!important}.tech-card__icon #dotnet-icon{color:#512bd4!important}.tech-card__name{flex:1;font-size:1.1rem;font-weight:600;color:var(--second-color);margin:0}.tech-card__arrow{opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--first-color);font-size:1.5rem}.project-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8eb 100%)}.project-detail-header{padding:8rem 2rem 3rem;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#fff;position:relative;overflow:hidden}.project-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.project-detail-header__content{position:relative;z-index:1}.project-detail-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width: 768px){.project-detail-header h1{font-size:2rem}}.project-detail-header p{font-size:1.1rem;opacity:.8;max-width:600px;margin:0 auto}.project-detail-content{max-width:1000px;margin:0 auto;padding:3rem 2rem}.project-card{background:#fff;border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 40px #00000014;transition:all .3s ease}.project-card:hover{box-shadow:0 15px 50px #0000001f}.project-card__title{font-size:1.75rem;font-weight:700;color:var(--second-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.project-card__title:before{content:"";width:4px;height:30px;background:linear-gradient(135deg,var(--first-color),#e94560);border-radius:2px}.project-card__description{color:#555;line-height:1.8;margin-bottom:1.5rem}.project-card__features{margin:1.5rem 0}.project-card__features h4{font-size:1.25rem;font-weight:600;color:var(--second-color);margin-bottom:1.25rem;display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,var(--first-color),var(--second-color));color:#fff;border-radius:8px}.project-card__features .features-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 20px #00000014;background:#fff}.project-card__features .features-table{width:100%;border-collapse:collapse;min-width:600px}.project-card__features .features-table thead tr{background:linear-gradient(135deg,var(--first-color),var(--second-color))}.project-card__features .features-table thead th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.95rem;color:#fff;text-transform:capitalize;border-bottom:2px solid rgba(255,255,255,.2)}.project-card__features .features-table thead th:first-child{border-radius:12px 0 0}.project-card__features .features-table thead th:last-child{border-radius:0 12px 0 0}.project-card__features .features-table tbody tr{transition:background-color .2s ease}.project-card__features .features-table tbody tr:nth-child(2n){background-color:#f8f9fa}.project-card__features .features-table tbody tr:hover{background-color:#f0f4f8}.project-card__features .features-table tbody tr:last-child td:first-child{border-radius:0 0 0 12px}.project-card__features .features-table tbody tr:last-child td:last-child{border-radius:0 0 12px}.project-card__features .features-table tbody td{padding:.875rem 1.25rem;border-bottom:1px solid #eee;vertical-align:top}.project-card__features .features-table tbody td .feature-item{display:flex;align-items:flex-start;gap:.5rem;color:#444;font-size:.9rem;line-height:1.5}.project-card__features .features-table tbody td .feature-item i{color:var(--first-color);font-size:1.1rem;flex-shrink:0;margin-top:2px}@media (max-width: 768px){.project-card__features .features-table-container{box-shadow:none;background:transparent}.project-card__features .features-table{min-width:unset;display:block}.project-card__features .features-table thead{display:none}.project-card__features .features-table tbody{display:flex;flex-direction:column;gap:1rem}.project-card__features .features-table tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:0;overflow:hidden}.project-card__features .features-table tbody tr:nth-child(2n){background-color:#fff}.project-card__features .features-table tbody tr:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.project-card__features .features-table tbody td{display:block;padding:1rem;border-bottom:1px solid #f0f0f0}.project-card__features .features-table tbody td:empty{display:none}.project-card__features .features-table tbody td:last-child{border-bottom:none}.project-card__features .features-table tbody td .feature-item{font-size:.95rem}}.project-card__features ul{list-style:none;padding:0}.project-card__features ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555}.project-card__features ul li:before{content:"✓";position:absolute;left:0;color:var(--first-color);font-weight:700}.project-card__media{margin:2rem 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.project-card__media img,.project-card__media video{width:100%;display:block}.project-card__links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;text-decoration:none;transition:all .3s ease}.project-link i{font-size:1.2rem}.project-link--github{background:#24292e;color:#fff}.project-link--github:hover{background:#1a1e22;transform:translateY(-2px);color:#fff!important}.project-link--demo{background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff}.project-link--demo:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6366f166;color:#fff!important}.project-card__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.project-meta-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f7fa;border-radius:8px;font-size:.9rem;color:#666}.project-meta-item strong{color:var(--second-color)}.project-navigation{display:flex;justify-content:center;gap:1.5rem;padding:2rem;max-width:600px;margin:0 auto}@media screen and (max-width: 480px){.project-navigation{flex-direction:column;gap:1rem}}.project-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.project-nav-btn i{font-size:1.2rem}.project-nav-btn--top{background:#fff;color:var(--second-color);border:2px solid #e9ecef}.project-nav-btn--top:hover{border-color:var(--first-color);color:var(--first-color);transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.project-nav-btn--projects{background:linear-gradient(135deg,var(--first-color),#e94560);color:#fff}.project-nav-btn--projects:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}@media screen and (max-width: 768px){.modern-page{overflow-x:hidden}.section-title{font-size:1.75rem}.section-title:after{top:1.75rem;width:50px}.section-tag{padding:.4rem 1rem;font-size:.75rem;letter-spacing:1.5px}}@media screen and (max-width: 480px){.section-title{font-size:1.5rem}.section-title:after{top:1.5rem;width:40px}.section-tag{padding:.35rem .875rem;font-size:.7rem}}@media screen and (max-width: 768px){.hero-section{padding:5rem 1rem 2rem;min-height:auto}.hero-container{gap:2rem}.hero-greeting{padding:.6rem 1.25rem;font-size:.9rem;margin-bottom:1rem}.hero-title{font-size:2.5rem;margin-bottom:.75rem}.hero-subtitle{font-size:1.25rem;margin-bottom:1rem}.hero-typing{font-size:1rem;margin-bottom:1.5rem}.hero-actions{gap:.75rem;margin-bottom:2rem}.hero-social__link{width:45px;height:45px;border-radius:12px;font-size:1.25rem}.hero-image-wrapper{max-width:300px}.hero-image__frame{border-radius:20px}.hero-image__frame img{max-width:100%}.hero-image__decoration{border-radius:20px;top:15px;left:15px;border-width:3px}.scroll-indicator{display:none}}@media screen and (max-width: 480px){.hero-section{padding:4.5rem .75rem 1.5rem}.hero-greeting{padding:.5rem 1rem;font-size:.85rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-typing{font-size:.9rem;margin-bottom:1.25rem}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .modern-btn{width:100%;max-width:280px;justify-content:center}.hero-social{gap:.75rem}.hero-social__link{width:42px;height:42px;font-size:1.1rem}.hero-image-wrapper{max-width:250px}.hero-image__decoration{top:12px;left:12px;border-width:2px}}@media screen and (max-width: 360px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-image-wrapper{max-width:220px}}@media screen and (max-width: 768px){.about-hero{padding:6rem 1rem 3rem;min-height:auto}.about-hero__content{gap:2.5rem}.about-hero__image-wrapper{max-width:280px}.about-hero__image-frame{border-radius:20px}.about-hero__image-decoration{border-radius:20px;top:12px;left:12px;border-width:2px}.about-hero__name{font-size:2.5rem}.about-hero__title{font-size:1.25rem;margin-bottom:1.5rem}.about-hero__description{font-size:1rem;line-height:1.7;margin-bottom:1rem}.about-hero__actions{gap:.75rem}.about-hero__shapes .shape--1{width:250px;height:250px}.about-hero__shapes .shape--2{width:200px;height:200px}.about-hero__shapes .shape--3{width:120px;height:120px}}@media screen and (max-width: 480px){.about-hero{padding:5rem .75rem 2rem}.about-hero__content{gap:2rem}.about-hero__image-wrapper{max-width:230px}.about-hero__greeting{font-size:1rem}.about-hero__name{font-size:2rem}.about-hero__title{font-size:1.1rem;margin-bottom:1.25rem}.about-hero__description{font-size:.95rem}.about-hero__actions{flex-direction:column;width:100%}.about-hero__actions .modern-btn{width:100%;max-width:260px;justify-content:center}}@media screen and (max-width: 768px){.skills-section{padding:3rem 1rem}.skills-section__header{margin-bottom:2rem}.skills-grid{gap:1.25rem}.skill-card{padding:1.5rem;border-radius:16px}.skill-card__icon{width:55px;height:55px;border-radius:14px;margin-bottom:1rem}.skill-card__icon i{font-size:1.5rem}.skill-card__name{font-size:1.1rem;margin-bottom:.75rem}}@media screen and (max-width: 480px){.skills-section{padding:2.5rem .75rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.skill-card{padding:1.25rem;border-radius:14px}.skill-card__icon{width:50px;height:50px;border-radius:12px}.skill-card__icon i{font-size:1.35rem}}@media screen and (max-width: 768px){.about-section-modern{padding:3rem 1rem}.about-section-modern__container{gap:2.5rem}.about-section-modern__image{max-width:250px}.about-section-modern__image-wrapper img{border-radius:16px}.about-section-modern__image-border{border-radius:16px;top:10px;left:10px;border-width:2px}.about-section-modern__title{font-size:2rem;margin-bottom:1rem}.about-section-modern__text{font-size:.95rem;line-height:1.7}.about-section-modern__stats{gap:1.5rem;margin:1.5rem 0}.stat-item__number{font-size:2rem}.stat-item__label{font-size:.8rem}}@media screen and (max-width: 480px){.about-section-modern{padding:2.5rem .75rem}.about-section-modern__image{max-width:200px}.about-section-modern__tag{padding:.4rem 1rem;font-size:.75rem}.about-section-modern__title{font-size:1.5rem}.about-section-modern__text{font-size:.9rem}.about-section-modern__stats{gap:1rem;flex-wrap:wrap}.stat-item__number{font-size:1.75rem}}@media screen and (max-width: 768px){.projects-page{padding:6rem 1rem 3rem}.projects-page__header{margin-bottom:2rem}.projects-page__subtitle{font-size:1rem;padding:0 .5rem}.projects-grid{gap:1rem;padding:0}.projects-grid .animateBtn .btn-53{padding:1rem 1.5rem;font-size:1rem;border-radius:12px}}@media screen and (max-width: 480px){.projects-page{padding:5rem .75rem 2rem}.projects-grid{grid-template-columns:1fr}.projects-grid .animateBtn .btn-53{padding:.875rem 1.25rem;font-size:.95rem}}@media screen and (max-width: 768px){.projects-showcase__header{padding:6rem 1rem 3rem}.projects-showcase__badge{padding:.5rem 1rem;font-size:.8rem}.projects-showcase__title{font-size:2rem}.projects-showcase__subtitle{font-size:1rem;padding:0 .5rem}.projects-showcase__stats{padding:1rem 1.5rem;gap:1rem;border-radius:15px}.projects-showcase__grid-container{padding:2rem 1rem 4rem}.projects-showcase__grid{gap:1rem}.tech-showcase-card{padding:1.5rem;border-radius:18px}.tech-showcase-card__content{min-height:160px}.tech-showcase-card__icon{width:55px;height:55px;border-radius:14px;margin-bottom:1rem}.tech-showcase-card__icon i,.tech-showcase-card__icon span{font-size:1.5rem}.tech-showcase-card__name{font-size:1.15rem}.tech-showcase-card__desc{font-size:.9rem}}@media screen and (max-width: 480px){.projects-showcase__header{padding:5rem .75rem 2.5rem}.projects-showcase__title{font-size:1.75rem}.projects-showcase__subtitle{font-size:.9rem}.projects-showcase__stats{flex-direction:column;padding:1rem;gap:.75rem}.stat-divider{display:none}.projects-showcase__grid-container{padding:1.5rem .75rem 3rem}.tech-showcase-card{padding:1.25rem;border-radius:14px}.tech-showcase-card__content{min-height:auto}.tech-showcase-card__icon{width:50px;height:50px;border-radius:12px}.tech-showcase-card__icon i,.tech-showcase-card__icon span{font-size:1.35rem}.tech-showcase-card__name{font-size:1.1rem}.tech-showcase-card__action{font-size:.85rem}}@media screen and (max-width: 768px){.project-detail-header{padding:6rem 1rem 2rem}.project-detail-header h1{font-size:1.75rem}.project-detail-header p{font-size:1rem}.project-detail-content{padding:2rem 1rem}.project-card{padding:1.75rem;border-radius:18px;margin-bottom:1.5rem}.project-card__title{font-size:1.35rem}.project-card__title:before{height:24px;width:3px}.project-card__description{font-size:.95rem}.project-card__features h4{font-size:1rem;padding:.4rem .8rem}.project-card__features ul li{font-size:.9rem}.project-card__features .features-table{min-width:unset}.project-card__media{margin:1.5rem 0;border-radius:12px}.project-card__links{gap:.75rem}.project-link{padding:.65rem 1.25rem;font-size:.9rem;border-radius:10px}.project-card__meta{gap:.75rem}.project-meta-item{padding:.4rem .75rem;font-size:.8rem}}@media screen and (max-width: 480px){.project-detail-header{padding:5rem .75rem 1.5rem}.project-detail-header h1{font-size:1.5rem}.project-detail-header p{font-size:.9rem}.project-detail-content{padding:1.5rem .75rem}.project-card{padding:1.25rem;border-radius:14px}.project-card__title{font-size:1.2rem;gap:.5rem}.project-card__title:before{height:20px}.project-card__links{flex-direction:column}.project-link{width:100%;justify-content:center}.project-card__meta{flex-direction:column;gap:.5rem}.project-meta-item{width:100%;justify-content:center}}@media screen and (max-width: 768px){.tech-cards-grid{gap:1rem;margin-top:1.5rem}.tech-card{padding:1.25rem 1rem;border-radius:14px}.tech-card__icon{width:42px;height:42px;border-radius:10px}.tech-card__icon i,.tech-card__icon span{font-size:1.25rem}.tech-card__name{font-size:.95rem}}@media screen and (max-width: 480px){.tech-cards-grid{grid-template-columns:1fr}.tech-card{padding:1rem .875rem;gap:.75rem}.tech-card__icon{width:38px;height:38px}.tech-card__icon i,.tech-card__icon span{font-size:1.1rem}.tech-card__name{font-size:.9rem}.tech-card__arrow{font-size:1.25rem}}@media screen and (max-width: 768px){.footer{padding:2.5rem 1rem 1.5rem;margin-top:0}.footer__title,.footer h2{font-size:2rem}.footer__tagline{font-size:.875rem;letter-spacing:2px}.footer__social{gap:1rem;margin-bottom:1.5rem}.footer__social-link{width:42px;height:42px;font-size:1.25rem}.footer__divider{margin-bottom:1rem}.footer__copy{font-size:.8rem}.footer__made{font-size:.75rem}}@media screen and (max-width: 480px){.footer{padding:2rem .75rem 1.25rem}.footer__title,.footer h2{font-size:1.75rem;letter-spacing:1px}.footer__tagline{font-size:.8rem;letter-spacing:1.5px}.footer__social{gap:.75rem}.footer__social-link{width:38px;height:38px;font-size:1.1rem}}@media screen and (max-width: 768px){.modern-header{padding:.75rem 1rem}.modern-header.scrolled{padding:.5rem 1rem}.nav__brand-name{font-size:1.5rem}.nav__brand-dot{font-size:2rem}}@media screen and (max-width: 480px){.modern-header{padding:.5rem .75rem}.nav__brand-name{font-size:1.35rem}}@media screen and (max-width: 768px){.modern-btn{padding:.75rem 1.5rem;font-size:.9rem;border-radius:10px;gap:.5rem}.modern-btn i{font-size:1.1rem}.modern-btn--outline{padding:.7rem 1.4rem}}@media screen and (max-width: 480px){.modern-btn{padding:.7rem 1.25rem;font-size:.85rem;gap:.4rem}.modern-btn i{font-size:1rem}}@media screen and (max-width: 768px){.home-section{padding:3rem 1rem}.section-header{margin-bottom:2rem}.section-subtitle{font-size:1rem;padding:0 .5rem}.home-contact-wrapper{max-width:100%;padding:0}}@media screen and (max-width: 480px){.home-section{padding:2.5rem .75rem}.section-subtitle{font-size:.9rem}}@media screen and (max-width: 768px){.scroll-to-top{width:42px;height:42px;bottom:1.5rem;right:1.5rem;border-radius:12px;font-size:1.25rem}}@media screen and (max-width: 480px){.scroll-to-top{width:38px;height:38px;bottom:1rem;right:1rem;border-radius:10px;font-size:1.1rem}}@media screen and (max-width: 768px){.popup-overlay{padding:1rem}.popup-content{padding:2rem 1.5rem;border-radius:16px;max-width:90%}}@media screen and (max-width: 480px){.popup-content{padding:1.5rem 1rem;border-radius:14px}}@media screen and (max-width: 480px){.portfolio-container{width:95%;max-width:380px;height:auto;min-height:400px;padding:5%;margin-left:auto;margin-right:auto}.portfolio-input,.portfolio-input+textarea{width:100%;max-width:100%}.portfolio-input input,.portfolio-form textarea{width:100%}.portfolio-container form .portfolio-descr{font-size:20px;margin-top:10%}}@media screen and (max-width: 360px){.portfolio-container{width:98%;padding:4%;border-radius:16px}}@media screen and (max-width: 480px){#horlics{padding:4%}#horlics h1{font-size:22pt;margin-top:8%;margin-bottom:8%}#horlics strong h3{font-size:18pt;width:92%;padding:3%;border-radius:12px}}@media screen and (max-width: 360px){#horlics h1{font-size:18pt}#horlics strong h3{font-size:15pt;width:96%}}@media screen and (max-width: 768px){.button{--fs-size: 1.5em;letter-spacing:2px}.hover-text{--border-right: 4px}}@media screen and (max-width: 480px){.button{--fs-size: 1.2em;letter-spacing:1px}}@media screen and (max-width: 360px){.button{--fs-size: 1em}}@media screen and (max-width: 768px){#darkbtn_home{width:60%;font-size:medium;padding:10px}}@media screen and (max-width: 480px){#darkbtn_home{width:80%;font-size:small;padding:8px}}@media screen and (max-width: 768px){#checking_point{width:85vw;margin:15px auto}}@media screen and (max-width: 480px){#checking_point{width:95vw;margin:10px auto}}.nav__menu-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav__menu-backdrop.show{display:block;opacity:1;pointer-events:all}@media screen and (min-width: 969px) and (max-width: 1199px){.hero-container{gap:3rem;padding:0 1rem}.hero-title{font-size:3.25rem}.hero-image__frame img{max-width:380px}.about-hero__content{gap:3rem;padding:0 1rem}.about-hero__name{font-size:3.5rem}.about-section-modern__container{gap:3rem}.projects-showcase__grid{grid-template-columns:repeat(3,1fr)}.tech-showcase-card{padding:1.75rem}.tech-showcase-card__content{min-height:180px}.contact-page__content{gap:2.5rem}}@media screen and (min-width: 601px) and (max-width: 768px){.hero-container{gap:2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.15rem}.hero-image-wrapper{max-width:280px}.about-hero__image-wrapper{max-width:260px}.about-hero__name{font-size:2.25rem}.about-section-modern__image{max-width:230px}.about-section-modern__title{font-size:1.75rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-showcase__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.tech-showcase-card{padding:1.5rem}}@media screen and (max-width: 480px){.projects-showcase__stats{width:100%;max-width:280px;margin-left:auto;margin-right:auto}.projects-showcase__stats .stat-item{width:100%}.footer__brand{margin-bottom:1rem}.modern-btn{padding:.65rem 1.1rem;font-size:.84rem;border-radius:10px}.hero-section,.about-hero,.skills-section,.contact-page,.projects-showcase,.project-detail-page,.home-section{overflow-x:hidden}}@media screen and (max-width: 320px){.hero-section{padding:4rem .5rem 1rem}.hero-greeting{padding:.4rem .75rem;font-size:.78rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-typing{font-size:.8rem}.hero-image-wrapper{max-width:190px}.hero-image__decoration{top:8px;left:8px;border-width:2px}.hero-actions .modern-btn{max-width:240px;padding:.6rem 1rem;font-size:.8rem}.hero-social__link{width:36px;height:36px;font-size:1rem;border-radius:10px}.about-hero{padding:4.5rem .5rem 1.5rem}.about-hero__image-wrapper{max-width:180px}.about-hero__name{font-size:1.75rem}.about-hero__title{font-size:1rem}.about-hero__description{font-size:.88rem;line-height:1.6}.about-section-modern__image{max-width:170px}.about-section-modern__title{font-size:1.35rem}.about-section-modern__text{font-size:.85rem}.about-section-modern__stats{gap:.75rem}.stat-item__number{font-size:1.5rem}.skills-grid{gap:.75rem}.skill-card{padding:1rem;border-radius:12px}.skill-card__icon{width:44px;height:44px;border-radius:10px}.skill-card__icon i{font-size:1.2rem}.skill-card__name{font-size:1rem}.section-title{font-size:1.3rem}.section-title:after{top:1.3rem;width:35px}.section-tag{padding:.3rem .75rem;font-size:.65rem;letter-spacing:1px}.projects-showcase__header{padding:4.5rem .5rem 2rem}.projects-showcase__title{font-size:1.5rem}.projects-showcase__subtitle{font-size:.85rem}.projects-showcase__stats{padding:.75rem;border-radius:12px}.stat-number{font-size:1.25rem}.stat-label{font-size:.65rem}.projects-showcase__grid-container{padding:1rem .5rem 2rem}.tech-showcase-card{padding:1rem;border-radius:12px}.tech-showcase-card__icon{width:44px;height:44px;border-radius:10px;margin-bottom:.75rem}.tech-showcase-card__icon i,.tech-showcase-card__icon span{font-size:1.2rem}.tech-showcase-card__name{font-size:1rem}.tech-showcase-card__desc{font-size:.85rem}.contact-page{padding:4rem .5rem 1.5rem}.contact-info-card{padding:1rem;border-radius:12px}.contact-info-card__icon{width:40px;height:40px;border-radius:8px}.contact-info-card__icon i{font-size:1rem}.modern-contact__form-container{padding:1rem .75rem;border-radius:12px}.modern-contact__header h2{font-size:1rem}.modern-input-group input,.modern-input-group textarea{padding:.65rem .65rem .65rem 2rem;font-size:.85rem;border-radius:8px}.modern-input-group i{left:.6rem;font-size:.9rem}.modern-input-group label{left:2rem;font-size:.85rem}.modern-contact__submit{padding:.65rem .875rem;font-size:.85rem}.project-detail-header{padding:4.5rem .5rem 1.25rem}.project-detail-header h1{font-size:1.3rem}.project-detail-header p{font-size:.85rem}.project-detail-content{padding:1rem .5rem}.project-card{padding:1rem;border-radius:12px}.project-card__title{font-size:1.1rem}.project-card__description{font-size:.88rem}.project-navigation{padding:1.5rem .5rem}.project-nav-btn{padding:.75rem 1.25rem;font-size:.9rem;border-radius:10px}.footer{padding:1.5rem .5rem 1rem}.footer__title,.footer h2{font-size:1.5rem;letter-spacing:.5px}.footer__tagline{font-size:.7rem;letter-spacing:1px}.footer__social{gap:.6rem;margin-bottom:1rem}.footer__social-link{width:34px;height:34px;font-size:1rem}.footer__copy{font-size:.7rem}.footer__made{font-size:.65rem}.modern-header{padding:.4rem .5rem}.nav__logo-text{font-size:1.35rem}.scroll-to-top{width:34px;height:34px;bottom:.75rem;right:.75rem;border-radius:8px;font-size:1rem}#contacting{width:96%!important;padding:6%!important;margin-top:12%}.btn-53{width:95%;padding:.9rem;font-size:.9rem}}@media screen and (max-height: 500px) and (orientation: landscape){.hero-section{min-height:auto;padding:4.5rem 2rem 1.5rem}.hero-container{grid-template-columns:1fr 1fr;gap:2rem}.hero-image-wrapper{max-width:200px;order:0;margin:0 auto}.hero-title{font-size:2rem;margin-bottom:.5rem}.hero-subtitle{font-size:1rem;margin-bottom:.75rem}.hero-typing{font-size:.9rem;margin-bottom:1rem}.hero-actions{margin-bottom:1rem}.scroll-indicator{display:none}.about-hero{min-height:auto;padding:4.5rem 2rem 2rem}.about-hero__content{grid-template-columns:1fr 1.5fr}.about-hero__image-wrapper{max-width:200px}}.modern-page,.home-page,.project-detail-page{max-width:100vw;overflow-x:hidden}img,video{max-width:100%;height:auto}.hero-title,.about-hero__name,.about-section-modern__title,.projects-showcase__title,.project-detail-header h1,.section-title,.footer__title,.footer h2{overflow-wrap:break-word;word-break:break-word}.Mail-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100}.Mail-popup-content{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 4px 8px #0000001a;padding:2rem;width:90%;max-width:24rem;text-align:center;position:relative;overflow:hidden}.Mail-popup-message{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.Mail-popup-button{color:#fff;background-color:#2f855a;padding:.75rem 1.5rem;font-size:1.125rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:background-color .3s,transform .3s}.Mail-popup-button:hover{background-color:#276749}.Mail-popup-button:active{transform:scale(.95)}.Mail-popup-decorative{position:absolute;top:-1rem;right:-1rem;width:5rem;height:5rem;background:linear-gradient(to right,#4299e1,#9f7aea);border-radius:50%;opacity:.5;filter:blur(1rem);animation:rotate 5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wrapper{width:200px;height:60px;position:relative;z-index:1;margin-left:auto;margin-right:auto}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#fff;left:15%;transform-origin:50%;animation:circle7124 .5s alternate infinite ease}@keyframes circle7124{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0%}}.circle:nth-child(2){left:45%;animation-delay:.2s}.circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:#000000e6;position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow046 .5s alternate infinite ease}@keyframes shadow046{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.shadow:nth-child(4){left:45%;animation-delay:.2s}.shadow:nth-child(5){left:auto;right:15%;animation-delay:.3s}@media screen and (max-width: 768px){.Mail-popup-content{width:85%;max-width:20rem;padding:1.75rem 1.5rem}.Mail-popup-message{font-size:1rem;margin-bottom:1.25rem}.Mail-popup-button{padding:.65rem 1.25rem;font-size:1rem}.wrapper{width:160px;height:50px}.circle{width:16px;height:16px}}@media screen and (max-width: 480px){.Mail-popup-content{width:90%;padding:1.5rem 1rem;border-radius:.875rem}.Mail-popup-message{font-size:.95rem;margin-bottom:1rem}.Mail-popup-button{padding:.6rem 1rem;font-size:.95rem;border-radius:.65rem}.wrapper{width:140px;height:45px}.circle{width:14px;height:14px}.Mail-popup-decorative{width:4rem;height:4rem;top:-.75rem;right:-.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:#f8f9fa;animation:fadeIn .8s ease-in-out}.error-code{font-size:100px;font-weight:700;color:#2d6a4f;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.error-message{font-size:28px;font-weight:600;color:#333;margin-top:10px}.error-description{font-size:18px;color:#666;margin-top:5px;max-width:500px}.home-button{display:inline-block;margin-top:20px;padding:12px 24px;font-size:18px;font-weight:500;color:#fff;background-color:#2d6a4f;border-radius:8px;text-decoration:none;transition:background .3s ease-in-out,transform .2s}.home-button:hover{background-color:#1b4332;transform:scale(1.05)}@media (max-width: 600px){.error-code{font-size:80px}.error-message{font-size:24px}.error-description{font-size:16px;padding:0 1rem}}@media (max-width: 360px){.error-code{font-size:60px}.error-message{font-size:20px}.error-description{font-size:14px;padding:0 .75rem}.home-button{padding:10px 20px;font-size:16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}