.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.resumebtn{display:none}@media (width>=320px) and (width<=768px){.resumebtn{color:#fff;cursor:pointer;background-color:red;border-radius:5px;justify-content:center;align-items:center;width:100px;height:30px;display:flex;position:fixed;bottom:5%;left:83%;transform:rotate(-90deg)}.resumebtn:hover{color:red;background-color:#fff}}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none}.Navbar{z-index:1000;background-color:#000;justify-content:space-between;align-items:center;width:100%;min-height:65px;padding:.5rem 2rem;display:flex;position:fixed;top:0;left:0}.logo{color:#fff;width:10%;margin-left:8%;font-size:2rem;font-weight:700}.logo span{color:#0000;background:linear-gradient(15deg,#ffb9b9,#f90b03);-webkit-background-clip:text;background-clip:text;font-style:italic}.Navbar li a{color:#fff;font-weight:700;transition:color .2s ease-in-out}.Navbar li a:hover{color:red}.navbarButton{align-items:center;gap:20px;display:flex}.cvButton{color:#fff;background-color:red;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:.8rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.cvButton:hover{cursor:pointer;color:#000;background-color:#fff}.mobilebutton{flex-direction:column;display:none}.mobilebutton li{justify-content:flex-end;align-items:center;display:flex}.mobilebutton li a{color:#fff;font-size:10px}@media (width<=768px){.Navbar{min-height:65px;padding:0 20px}.logo{width:auto;margin-left:0;font-size:1.7rem}.navbarButton{background-color:#fff;flex-direction:column;align-items:center;gap:0;width:100%;max-height:0;transition:max-height .3s;display:flex;position:absolute;top:65px;left:0;overflow:hidden}.mobilebutton{flex-direction:column;display:flex}.mobilebutton li{justify-content:flex-end;align-items:center;display:flex}.mobilebutton li a{color:#fff;font-size:10px}.cvButton{display:none}.menuButton{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:flex}.menuButton span{background-color:#000;width:25px;height:2px;transition:all .25s;display:block}.menuButton.active span:first-child{transform:translateY(7px)rotate(45deg)}.menuButton.active span:nth-child(2){opacity:0}.menuButton.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (width<=480px){.Navbar{padding:0 15px}.logo{font-size:1.5rem}.mobilebutton{flex-direction:column;display:flex}.mobilebutton li{justify-content:flex-end;align-items:center;display:flex}.mobilebutton li a{color:#fff;font-size:10px}}*{box-sizing:border-box;scroll-snap-align:start;margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none;list-style:none}.wrapper{scroll-behavior:smooth;background-color:#000;align-items:center;width:100%;min-height:calc(100vh - 65px);margin-top:65px;scroll-margin-top:65px;display:flex}.passport{border-radius:50%;width:100%;height:80%}.herosection{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.miniball{background-color:red;border-radius:50%;width:10px;height:10px;display:inline-block}.miniball2{background-color:red;border-radius:50%;width:20px;height:20px;display:inline-block}.infowrapper{justify-content:space-between;width:85%;height:70%;display:flex}.sec1{flex-direction:column;justify-content:center;width:60%;height:100%;display:flex}.sec2{justify-content:center;align-items:center;width:50%;display:flex;overflow-y:hidden}.herosection .intro{color:#fff;font-weight:medium;letter-spacing:4px;font-size:16px}.herosection .intro span{font-size:.5rem}.herosection h1{color:#fff;font-size:70px;font-weight:bolder}.herosection h1 span{font-size:1rem}.herosection h4{color:#fff;margin-bottom:20px;font-size:32px;font-weight:700}.herosection h4 span{color:red}.herosection .textinfo{color:gray;margin-bottom:20px;font-size:18px;font-weight:400;line-height:28px}.infobuttons{gap:15px;width:100%;margin-bottom:20px;display:flex}.vmp{width:150px;font-weight:medium;color:#fff;cursor:pointer;background-color:red;border:none;border-radius:5px;height:35px;transition:all .2s ease-in-out}.vmp:hover{color:#000;background-color:#fff;border:1px solid gray;transform:scale(1.1)}.cm{font-weight:medium;color:#000;cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;width:150px;height:35px;font-weight:700;transition:all .2s ease-in-out;display:flex}.cm:hover{color:#fff;background-color:red;transform:scale(1.1)}.footer{gap:10px;width:100%;display:flex}.footer a{background:#000;border-radius:5px;width:30px;height:30px}.footer a img{width:100%;height:100%}@media (width<=968px){.wrapper{background-position:50%;min-height:calc(100vh - 65px);margin-top:65px}.herosection{height:auto;min-height:calc(100vh - 65px);padding:50px 20px}.infowrapper{flex-direction:column-reverse;justify-content:center;align-items:center;gap:40px;width:100%;height:auto;display:flex}.sec2{flex-shrink:0;width:min(70vw,280px);height:min(70vw,280px)}.passport{object-fit:cover;width:100%;height:100%}.sec1{text-align:center;align-items:center;width:100%;height:auto}.herosection .intro{letter-spacing:3px;margin-bottom:8px;font-size:13px}.herosection h1{margin-bottom:10px;font-size:clamp(38px,10vw,55px);line-height:1.05}.herosection h1 span{font-size:.7rem}.herosection h4{margin-bottom:15px;font-size:clamp(20px,5vw,28px);line-height:1.3}.herosection .textinfo{max-width:500px;margin-bottom:25px;font-size:15px;line-height:24px}.infobuttons{justify-content:center;gap:10px;width:100%;margin-bottom:25px;display:flex}.vmp,.cm{width:145px;height:40px}.footer{justify-content:center;gap:15px}.footer a{width:28px;height:28px}}@media (width<=480px){.herosection{padding:40px 15px}.infowrapper{gap:30px}.sec2{width:220px;height:220px}.herosection h1{font-size:36px}.herosection h4{font-size:19px}.herosection .textinfo{font-size:14px;line-height:22px}.infobuttons{align-items:center;gap:10px}.vmp,.cm{width:180px}}.progressSection{will-change:transform;gap:10px;width:60px;height:20%;transition:all .5s ease-out;display:flex;position:fixed;top:40%;right:0}.progressBarWrap{background-color:#464646;border-radius:10px;width:5px;position:relative;overflow:hidden}.progressBar{background-color:red;width:100%;height:0%;position:absolute;bottom:0}.progress-num{color:red}@media (width<=768px){.progressSection{align-items:center;width:35px;height:18%;top:40%;right:12px}.progressBarWrap{width:3px}.progress-num{color:red;font-size:12px}}@media (width<=480px){.progressSection{width:28px;height:15%;right:8px}.progressBarWrap{width:3px}.progress-num{font-size:8px}}.awrapper{scroll-snap-align:start;background-color:#000;align-items:center;width:100%;height:450px;display:flex}.asec1{border-right:1px solid gray;width:25%;height:70%;margin-left:2%;margin-right:2%}.asec1p{color:red;letter-spacing:3px;font-family:Poppins;font-size:12px;font-weight:700}.asec1h2{color:#fff;margin-top:10px;margin-bottom:20px;font-size:24px;font-weight:700;line-height:1.1}.asec1h2 span{color:red}.amspan{background:red;width:24px;height:6px;line-height:1.7;display:inline-block}.asec1info{color:#e6e2e2;margin-bottom:10px;font-size:10px}.sec1btn{color:#fff;letter-spacing:1px;cursor:pointer;background-color:red;border:none;border-radius:10px;width:50%;height:46px;font-size:16px;font-weight:700;transition:all .2s ease-in-out}.sec1btn:hover{color:red;background-color:#fff;border:none;transform:scale(1.05)}.skillfooter{justify-content:space-between;width:60%;margin-bottom:50px;display:flex}.skills:first-child{border-left:none;padding-left:0}.skills{border-left:1px solid gray;padding-left:15px}.skills h2 span{color:red}.skills p{font-weight:700}.asec2{justify-content:center;align-items:center;width:35%;height:80%;display:flex}.asec2 img{width:100%;height:100%}.abinfo{flex-direction:column;justify-content:space-between;width:20%;height:70%;display:flex}.absec{align-items:center;gap:10px;width:100%;height:20%;display:flex}.absectext h2{color:#fff;font-size:15px}.iconabsec{width:50px;height:50px}.absectext p{color:#fff;font-size:10px}@media (width<=768px){.awrapper{flex-direction:column;align-items:center;gap:35px;width:100%;height:auto;padding:60px 20px;display:flex}.asec2{flex-shrink:0;order:1;width:220px;height:220px}.asec2 img{object-fit:cover;border-radius:50%;width:100%;height:100%}.asec1{text-align:center;border-right:none;order:2;width:100%;height:auto;margin:0}.asec1p{letter-spacing:3px;font-size:11px}.asec1h2{margin-top:8px;margin-bottom:15px;font-size:30px}.asec1info{margin-bottom:25px;font-size:13px;line-height:21px}.sec1btn{width:180px;height:45px}.abinfo{order:3;grid-template-columns:1fr 1fr;gap:15px;width:100%;height:auto;display:grid}.absec{align-items:center;gap:10px;width:100%;height:auto;min-height:70px;display:flex}.iconabsec{flex-shrink:0;width:40px;height:40px}.absectext h2{font-size:14px}.absectext p{word-break:break-word;font-size:11px;line-height:16px}}@media (width<=480px){.awrapper{gap:30px;padding:50px 15px}.asec2{width:180px;height:180px}.asec1h2{font-size:28px}.asec1info{font-size:12px;line-height:20px}.abinfo{grid-template-columns:1fr;gap:12px}.absec{min-height:60px}.sec1btn{width:160px}}.Serwrapper{scroll-snap-align:start;align-items:center;width:100%;height:320px;display:flex}.Sspan{background:red;width:24px;height:6px;line-height:1.7;display:inline-block}.textservices{flex-direction:column;width:40%;height:200px;display:flex}.asecinfo{color:gray;margin-bottom:10px;font-size:10px}.textservices h1{color:#000;font-size:40px}.textservices button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:10px;width:150px;height:40px;font-size:15px;font-weight:700;transition:all .3s ease-in-out}.textservices button:hover{background-color:#ff4141}.Spanred{color:red}.swp{color:red;font-family:Poppins;font-size:12px;font-weight:700}.serviceswrapper{align-items:center;gap:20px;width:100%;height:40%;display:flex}.swhelper{align-items:center;width:100%;margin-left:9%;display:flex}.servicesSec{cursor:pointer;border-radius:15px;flex-direction:column;justify-content:flex-start;gap:5px;width:22%;height:100%;padding:1rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 15px #0000004d}.servicesSec p{font-size:10px}.servicesSec:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff00004d}.servicesSec img{width:20%;height:20%}@media (width<=968px){.Serwrapper{color:#fff;width:100%;height:auto;padding:60px 20px}.swhelper{flex-direction:column;align-items:flex-start;gap:35px;width:100%;margin-left:0;display:flex}.textservices h1,.serviceswrapper h4{color:#000}}@media (width<=768px){.Serwrapper{color:#fff;width:100%;height:auto;padding:60px 20px}.swhelper{flex-direction:column;gap:35px;width:100%;margin-left:0;display:flex}.textservices{width:100%;height:auto}.swp{font-size:12px}.textservices h1{color:#fff;margin-bottom:10px;font-size:38px;line-height:1.1}.asecinfo{font-size:13px;line-height:21px}.textservices button{width:150px;height:40px;margin-top:5px}.serviceswrapper{grid-template-columns:1fr 1fr;gap:15px;width:100%;height:auto;display:grid}.servicesSec{border-radius:15px;width:100%;height:190px;padding:18px}.servicesSec img{object-fit:contain;width:45px;height:45px;margin-bottom:5px}.servicesSec h4{color:#fff;font-size:15px;line-height:20px}.servicesSec p{font-size:11px;line-height:17px}}@media (width<=480px){.Serwrapper{padding:50px 15px}.textservices h1{font-size:34px}.serviceswrapper{grid-template-columns:1fr;gap:15px}.servicesSec{height:auto;min-height:160px}.servicesSec img{width:40px;height:40px}.textservices h1{color:#fff}.servicesSec h4{color:#fff;font-size:16px}.servicesSec p{font-size:12px;line-height:19px}}.Skillwrapper{scroll-snap-align:start;border-top:1px solid #0003;width:100%;height:200px;padding-top:20px;scroll-margin-top:65px;display:flex}.skillhelper{gap:20px;width:100%;height:100%;margin-top:5px;margin-left:9%;display:flex}.box1{flex-direction:column;gap:15px;width:25%;display:flex}.box1 p{color:gray;font-size:12px}.box1 button{color:#fff;background-color:red;border:none;border-radius:10px;width:120px;height:40px}.box2 h2{font-size:14px;font-weight:700}.box2 p{color:gray;font-size:11px;font-weight:500}.box1 span{color:red}.box2{border-radius:10px;flex-direction:column;gap:10px;width:20%;height:90%;padding:10px 30px;display:flex;box-shadow:0 4px 15px #0000001a}.skillset{align-items:center;gap:10px;width:100%;height:10%;display:flex}.skillset img{width:20px;height:20px}@media (width<=968px){.Skillwrapper{height:400px}}@media (width<=768px){body{background-color:#000}.unityicon,.expressicon{filter:invert()}.Skillwrapper{width:100%;height:auto;min-height:500px;padding:50px 20px}.skillhelper{flex-direction:column;gap:20px;width:100%;height:auto;margin:0;display:flex}.box1{gap:12px;width:100%;height:auto}.box1 h1{color:#fff;font-size:32px}.box1 p{font-size:13px;line-height:20px}.box1 button{width:140px;height:40px;display:none}.box2{border-radius:12px;gap:12px;width:100%;height:auto;padding:20px}.box2 h2{color:#fff;margin-bottom:5px;font-size:16px}.skillset{gap:12px;width:100%;height:auto;min-height:35px}.skillset img{object-fit:contain;width:25px;height:25px}.box2 p{font-size:13px}}@media (width<=480px){.Skillwrapper{padding:45px 15px}.box1 h1{font-size:28px}.box1 p{font-size:12px}.box2{padding:18px}.box2 h2{font-size:15px}.box2 p{font-size:12px}.skillset img{width:23px;height:23px}.unityicon,.expressicon{filter:invert()}}.Pwrapper{scroll-snap-align:start;height:auto;padding:3rem 0}.pwhelper{width:min(82%,1200px);height:auto;margin:0 auto}.pswp{color:red;font-size:12px;font-weight:700}.psec1h2{color:#000;margin-bottom:10px}.psec1h2 span{color:red}.projectwrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;height:auto;display:grid}.projectSec{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;min-width:0;height:auto;min-height:240px;padding:1.25rem;display:flex}.projectSec h3{color:#171717;margin-bottom:.75rem;font-size:1.2rem}.projectDescription{color:#666;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.projectTechnologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.projectTechnologies li{color:#444;background:#f3f3f3;border-radius:999px;padding:.35rem .6rem;font-size:.75rem}.projectActions{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.projectActions a{color:#e53935;border:1px solid #e53935;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:.6rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.projectActions a:hover{color:#fff;background:#e53935}@media (width<=956px){.psec1h2{color:#fff}}@media (width<=768px){.pwhelper{width:88%}.projectwrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (width<=520px){.Pwrapper{padding:2rem 0}.pwhelper{width:90%}.psec1h2{color:#fff}.projectwrapper{grid-template-columns:1fr}.projectSec{min-height:210px}.projectActions a{flex:1}}.contwraper{scroll-snap-align:start;background-color:#000;border-bottom:1px solid gray;justify-content:center;align-items:center;gap:80px;width:100%;height:400px;display:flex}.context{flex-direction:column;width:30%;height:80%;display:flex}.context h6,.context h1{color:red}.context h1 span{color:#fff}.context p{color:gray;font-size:11px}.consocials{flex-direction:column;gap:15px;width:100%;display:flex}.cons1{align-items:center;gap:10px;display:flex}.cons1headers{flex-direction:column;width:80%;display:flex}.cons1headers h4{color:#fff;margin:0}.cons1headers p{margin:3px 0}.cons1 img{width:40px;height:40px}form{width:30%;height:80%;display:flex}form select{box-sizing:border-box;color:#fff;background-color:#000;border:1px solid gray;border-radius:5px;width:100%;height:30px;padding:0 .5rem;font-size:10px}.formvalid{flex-direction:column;gap:5px;width:100%;display:flex}form label{color:#fff;font-size:10px}form input,form textarea{box-sizing:border-box;color:#fff;background-color:#0000;border:1px solid gray;border-radius:5px;width:100%;padding:.5rem}form input{height:30px}form textarea{resize:none;height:80px}input::placeholder,textarea::placeholder{font-size:10px}form button{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:5px;width:120px;height:35px;margin-top:5px}@media (width<=768px){.contwraper{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:40px;height:auto;min-height:100vh;padding:50px 20px}.context{width:100%;height:auto}.context h6{margin:0 0 10px}.context h1{margin:0 0 15px;font-size:32px}.context p{font-size:12px;line-height:1.6}.consocials{gap:15px;margin-top:15px}.cons1{gap:12px}.cons1 img{width:35px;height:35px}.cons1headers{width:auto}.cons1headers h4{font-size:13px}.cons1headers p{font-size:11px}form{width:100%;height:auto}.formvalid,form input,form textarea,form select{width:100%}form textarea{height:100px}form button{width:100%;height:40px;margin-top:10px}}.Fwrapper{background-color:#000;flex-direction:column;width:100%;height:80px;display:flex}.fwhelper{justify-content:space-between;align-items:center;width:85%;height:100%;margin-left:9%;display:flex}.fsec1{width:20%;display:flex}.fsec3{flex-direction:column;width:20%;display:flex}.fsec3 span{color:red}.fsec3 h1{color:#fff}.fsec3 h3{color:#fff;font-size:10px}.fsec1 img{width:40px;height:40px}.fsec1 h1{font-size:32px}.fsec1 h3{font-size:16px}.fsec1 span{color:red}.fsec1 p{color:gray;margin-top:5px}.ball{background-color:red;border-radius:50%;width:10px;height:10px;display:inline-block}.sec2span{background-color:red;width:20px;height:5px;display:inline-block}.fsec2{gap:10px;display:flex}.fsec2 a{color:#fff;font-weight:700;transition:all .3s ease-in-out}.fsec2 a:hover{color:red;transform:scale(1.05)}.socials{width:100%;height:15%}.footernote{color:gray;margin-bottom:10px;margin-left:9%}.socials img{width:40px;height:30px;transition:all .3s ease-in-out}.socials img:hover{transform:scale(1.1)}.footerinput{width:250px;height:48px;margin-top:10px;margin-bottom:10px;display:flex;position:relative}.emailnewsletter{border:1px solid gray;border-radius:10px;width:100%;height:100%;padding:.5rem}.emailnewsletter::placeholder{font-weight:700}.footerinput button{cursor:pointer;background-color:#000;border:1px solid gray;border-radius:10px;justify-content:center;align-items:center;width:20%;height:100%;display:flex;position:absolute;left:80%}@media (width<=1032px){.Fwrapper{width:100%;height:auto;padding:35px 20px}.fwhelper{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;height:auto;margin-left:0;display:flex}.fsec3{text-align:center;align-items:center;width:100%}.fsec3 h1{font-size:28px}.fsec3 h3{letter-spacing:1px;font-size:9px}.fsec2{flex-wrap:wrap;justify-content:center;gap:8px 18px;width:100%;display:flex}.fsec2 a{font-size:12px}.fsec1{justify-content:center;width:100%;display:flex}.socials{justify-content:center;align-items:center;gap:12px;width:auto;height:auto;display:flex}.socials img{object-fit:contain;width:30px;height:30px}}@media (width<=480px){.Fwrapper{padding:30px 15px}.fwhelper{gap:20px}.fsec3 h1{font-size:25px}.fsec2{gap:10px 15px}.fsec2 a{font-size:11px}.socials{gap:10px}.socials img{width:27px;height:27px}}* ::-webkit-scrollbar{display:none}* html{scrollbar-width:none}body{overflow-y:auto}