@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap");html{--mainColor: #34a3a3;--secondColor: #bae8e8;--thirdColor: #27496d;--pink: #fb839e;--green-alt: #06d79c;--purple: #8a49ff;--bg: black;--darkBlue: #0b0b0f;--white: white;--whiteLight: #ffffffcc;--footerOverlay: rgba(0, 0, 0, 0.8);--footerCardBg: rgba(18, 18, 18, 0.6);--footerCardBorder: rgba(255, 255, 255, 0.05);--footerSocialBg: rgba(255, 255, 255, 0.08);--footerSocialBgHover: rgba(255, 255, 255, 0.15);--introBg: #0b0b0f;--introGrid: rgba(255, 255, 255, 0.3);--sliderBg: #2c3e50;--gradientStart: #5ddcff;--gradientMid: #3c67e3;--gradientEnd: #4e00c2}html[data-theme="light"]{--mainColor: #39a2db;--secondColor: #a2dbfa;--thirdColor: #39a2db;--pink: #ff94cc;--green-alt: #a8dadc;--purple: #a239ea;--bg: #fff;--darkBlue: #fcfcfc;--white: #131313;--whiteLight: #343a40;--footerOverlay: rgba(255, 255, 255, 0.9);--footerCardBg: rgba(255, 255, 255, 0.8);--footerCardBorder: rgba(0, 0, 0, 0.08);--footerSocialBg: rgba(0, 0, 0, 0.06);--footerSocialBgHover: rgba(0, 0, 0, 0.12);--introBg: #f8f9fa;--introGrid: rgba(0, 0, 0, 0.15);--sliderBg: #a2dbfa;--gradientStart: #39a2db;--gradientMid: #6c63ff;--gradientEnd: #a239ea}::-webkit-scrollbar{width:5px;border-radius:10px 0}::-webkit-scrollbar-track{background-color:var(--bg)}::-webkit-scrollbar-thumb{background-color:var(--mainColor)}.intro{background:var(--bg);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.intro-text{color:var(--thirdColor);font-family:"Open Sans", sans-serif;font-size:2em}.intro-btn{display:block;padding:14px 18px;font-weight:800;font-size:12px;letter-spacing:6px;color:var(--white);border:1px solid var(--white);outline:none;font-family:"Open Sans", sans-serif;overflow:hidden;background:none;transition:0.8s ease-out;position:relative;margin-top:2em;z-index:10;transform:translateX(-75%)}.intro-btn:hover{color:var(--bg);cursor:crosshair}.intro-btn::before{content:"";position:absolute;background:var(--white);left:0;right:0;bottom:0;top:100%;transition:top 0.8s ease-out;z-index:-9}.intro-btn:hover::before{top:0}.slider{background:var(--green-alt);position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(100%);z-index:1000}.slider-2{background:var(--purple);position:fixed;top:0;left:0;width:100%;height:100%;transform:translateY(100%);z-index:1000}.hide{background:var(--bg);overflow:hidden}.hide span{transform:translateY(100%);display:inline-block}.cursor-effect{width:2.5rem;height:2.5rem;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;position:absolute;transition:all 0.3s ease;z-index:1000;backdrop-filter:invert(1)}.link-grow{transform:scale(2);transform-origin:100% 100%;background:rgba(255,255,255,0.3)}.effect-wrap .effect{position:absolute;z-index:1}.effect-wrap .effect-1{width:20px;height:20px;border:3px solid var(--purple);right:10%;bottom:10%;animation:spin 10s linear infinite}.effect-wrap .effect-2{left:3%;bottom:20%;width:40px;display:flex;flex-wrap:wrap;justify-content:space-between;animation:topBounce 3s ease-in-out infinite}.effect-wrap .effect-2 div{height:3px;width:3px;background-color:var(--pink);margin:0 3px 8px;border-radius:50%}.effect-wrap .effect-3{border-top:25px solid transparent;border-left:25px solid var(--green-alt);left:30%;top:10%;animation:spin 15s linear infinite}.effect-wrap .effect-3::before{content:"";border-top:30px solid transparent;border-left:30px solid var(--mainColor);position:absolute;opacity:0.5;right:0px;top:-25px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes topBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(25px)}}.inner{background:var(--green-alt);border-radius:10px;max-width:250px;clip-path:circle(10% at 83% 18%);padding:2rem;transition:all 0.6s ease-in-out;position:absolute;top:0.5rem;right:2rem;z-index:100}.inner:hover{clip-path:circle(75%);background:linear-gradient(to bottom left, var(--green-alt), var(--darkBlue))}.inner span{float:right;color:var(--white);font-style:italic;font-weight:bold;transition:color 0.5s;position:relative;margin-right:5%}.inner:hover span{color:rgba(255,255,255,0)}.inner h1{color:var(--white);padding:0.75rem 0;margin-bottom:0.75rem}.inner p{color:var(--white);font-size:0.8rem;line-height:1.6;font-weight:300}.inner a{text-decoration:none;color:var(--white);font-size:0.75rem;border-bottom:3px dotted var(--mainColor)}input[type="checkbox"]{height:0;width:0;visibility:hidden}input[type="checkbox"]:checked+label{background:var(--mainColor)}input[type="checkbox"]:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}.toggle{cursor:pointer;text-indent:-9999px;width:52px;height:27px;background:lightgray;float:right;border-radius:100px;position:absolute;bottom:-20px;right:50%;left:50%;transform:translate(-50%, -50%)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:90px;transition:0.3s}.toggle:active:after{width:45px}html.transition,html.transition *,html.transition *:before,html.transition *:after{transition:all 750ms !important;transition-delay:0 !important}*{margin:0;padding:0;box-sizing:border-box;outline:none}::before,::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--white);font-weight:600}body{font-size:10px;line-height:1.6;letter-spacing:1px;font-family:"Open Sans", sans-serif;font-weight:300;color:var(--white);min-height:100vh;max-width:100%;background:var(--bg);-webkit-tap-highlight-color:transparent;overflow-x:hidden;scroll-behavior:smooth;position:relative}body::before{--size: 45px;--line: rgba(255, 255, 255, 0.25);content:'';height:100%;width:100%;position:absolute;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) calc(var(--size) * 0.36) 50%/var(--size) var(--size),linear-gradient(var(--line) 1px, transparent 1px var(--size)) 0% calc(var(--size) * 0.32)/var(--size) var(--size);mask-image:radial-gradient(ellipse 100% 100% at 100% 0%, transparent 0%, white 30%, white 100%),radial-gradient(ellipse 100% 100% at 0% 100%, transparent 0%, white 20%, white 100%);mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 100% 100% at 100% 0%, transparent 0%, white 30%, white 100%),radial-gradient(ellipse 100% 100% at 0% 100%, transparent 0%, white 20%, white 100%);-webkit-mask-composite:source-in;top:0;left:0;pointer-events:none;z-index:1}html[data-theme="light"] body::before{--line: rgba(0, 0, 0, 0.25)}a{text-decoration:none;color:var(--secondColor);cursor:crosshair}img{vertical-align:middle;max-width:100%}.container{margin:auto;width:100%;max-width:1480px}.content{position:relative;z-index:10}header{position:relative;z-index:10}button{font-family:inherit;font-weight:inherit}section{padding:15rem 0}.section-title{padding:0 15px;width:100%;margin-bottom:40px}.section-title h2{text-align:center;font-size:40px}@property --rotate{syntax:"";initial-value:132deg;inherits:false}.about .profile-img{animation:imageFadeIn 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 0% contain 30%;will-change:opacity}.about .profile-img img{transition:transform 0.3s ease}.about .about-content{animation:slideInRight 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 10% contain 40%;will-change:transform, opacity}.services .service-item{--index: 0;--entry-start: 0%;--entry-step: 10%;--entry: calc(var(--entry-start) + (var(--index) - 1) * var(--entry-step));animation:serviceCardUp 1ms ease-out both;animation-timeline:view(block);animation-range:entry var(--entry) contain 60%;will-change:transform, opacity}.services .service-item:nth-child(1){--index: 1}.services .service-item:nth-child(2){--index: 2}.services .service-item:nth-child(3){--index: 3}.services .service-item ion-icon{animation:iconRotate 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry var(--entry) contain 65%;will-change:transform, opacity}.project h5,.project h2{animation:titleSlideIn 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 0% contain 25%;will-change:transform, opacity}.project .project-item-container .project-box{--box-index: 0;--entry-start: 5%;--entry-step: 8%;--project-entry: calc(var(--entry-start) + (var(--box-index) - 1) * var(--entry-step));animation:projectCardFade 1ms ease-out both;animation-timeline:view(block);animation-range:entry var(--project-entry) contain 50%;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),box-shadow 0.3s ease;position:relative;overflow:hidden}.project .project-item-container .project-box:nth-child(1){--box-index: 1}.project .project-item-container .project-box:nth-child(2){--box-index: 2}.project .project-item-container .project-box:nth-child(3){--box-index: 3}.project .project-item-container .project-box:nth-child(4){--box-index: 4}.project .project-item-container .project-box:nth-child(5){--box-index: 5}.project .project-item-container .project-box:nth-child(6){--box-index: 6}.project .project-item-container .project-box:nth-child(7){--box-index: 7}.project .project-item-container .project-box:nth-child(8){--box-index: 8}.project .project-item-container .project-box::before{content:"";position:absolute;width:104%;height:102%;border-radius:8px;background-image:linear-gradient(var(--rotate), var(--gradientStart), var(--gradientMid) 43%, var(--gradientEnd));z-index:-1;top:-1%;left:-2%;opacity:0;transition:opacity 0.5s ease;will-change:transform}.project .project-item-container .project-box::after{content:"";position:absolute;top:33%;left:0;right:0;z-index:-1;height:100%;width:100%;margin:0 auto;transform:scale(0.8);filter:blur(50px);background-image:linear-gradient(var(--rotate), var(--gradientStart), var(--gradientMid) 43%, var(--gradientEnd));opacity:0;transition:opacity 0.5s ease;will-change:transform}.project .project-item-container .project-box:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.project .project-item-container .project-box:hover::before,.project .project-item-container .project-box:hover::after{opacity:1;animation:spin 2.5s linear infinite}.contact .contact-title{animation:titleSlideIn 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 0% contain 30%;will-change:transform, opacity}.contact form{animation:formFadeIn 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 20% contain 50%;will-change:opacity}.footer{animation:footerSlideUp 1ms ease-out forwards;animation-timeline:view(block);animation-range:entry 0% contain 40%;will-change:transform, opacity}@keyframes imageFadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInRight{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes serviceCardUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iconRotate{from{transform:rotate(-180deg) scale(0.5);opacity:0}to{transform:rotate(0deg) scale(1);opacity:1}}@keyframes projectCardFade{from{opacity:0}to{opacity:1}}@keyframes titleSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes formFadeIn{from{opacity:0}to{opacity:1}}@keyframes footerSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{--rotate: 0deg}100%{--rotate: 360deg}}@supports not (animation-timeline: view()){.about .profile-img,.about .about-content,.services .service-item,.project .project-box,.contact .contact-title,.contact form,.footer{animation:none;opacity:1;transform:none}}.tubes-background{position:absolute;bottom:-12rem;right:2rem;overflow:visible;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--width);will-change:transform;--size: min(20vw, 20vh);--width: calc(var(--size) / 40);--dist: calc(var(--width) * 9.8);--count: 32;--bg: url('https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/5eeea355389655.59822ff824b72.gif')}@media (max-width: 1024px){.tubes-background{display:none}}.tube{transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;animation:speen 8s infinite linear;width:calc(var(--dist) * 2);height:var(--size);will-change:transform}.tube:nth-child(1){animation-delay:-7.5s}.tube:nth-child(2){animation-delay:-5s}.tube:nth-child(3){animation-delay:-2.5s}.strip{transform-style:preserve-3d;background-color:white;height:var(--size);width:var(--width);position:absolute;background-image:var(--bg);background-size:calc(var(--width) * var(--count)) auto;background-repeat:no-repeat;backface-visibility:hidden;will-change:transform}.strip:nth-child(1){transform:rotateY(calc(1turn * 1 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -0) center}.strip:nth-child(2){transform:rotateY(calc(1turn * 2 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -1) center}.strip:nth-child(3){transform:rotateY(calc(1turn * 3 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -2) center}.strip:nth-child(4){transform:rotateY(calc(1turn * 4 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -3) center}.strip:nth-child(5){transform:rotateY(calc(1turn * 5 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -4) center}.strip:nth-child(6){transform:rotateY(calc(1turn * 6 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -5) center}.strip:nth-child(7){transform:rotateY(calc(1turn * 7 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -6) center}.strip:nth-child(8){transform:rotateY(calc(1turn * 8 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -7) center}.strip:nth-child(9){transform:rotateY(calc(1turn * 9 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -8) center}.strip:nth-child(10){transform:rotateY(calc(1turn * 10 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -9) center}.strip:nth-child(11){transform:rotateY(calc(1turn * 11 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -10) center}.strip:nth-child(12){transform:rotateY(calc(1turn * 12 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -11) center}.strip:nth-child(13){transform:rotateY(calc(1turn * 13 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -12) center}.strip:nth-child(14){transform:rotateY(calc(1turn * 14 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -13) center}.strip:nth-child(15){transform:rotateY(calc(1turn * 15 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -14) center}.strip:nth-child(16){transform:rotateY(calc(1turn * 16 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -15) center}.strip:nth-child(17){transform:rotateY(calc(1turn * 17 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -16) center}.strip:nth-child(18){transform:rotateY(calc(1turn * 18 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -17) center}.strip:nth-child(19){transform:rotateY(calc(1turn * 19 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -18) center}.strip:nth-child(20){transform:rotateY(calc(1turn * 20 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -19) center}.strip:nth-child(21){transform:rotateY(calc(1turn * 21 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -20) center}.strip:nth-child(22){transform:rotateY(calc(1turn * 22 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -21) center}.strip:nth-child(23){transform:rotateY(calc(1turn * 23 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -22) center}.strip:nth-child(24){transform:rotateY(calc(1turn * 24 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -23) center}.strip:nth-child(25){transform:rotateY(calc(1turn * 25 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -24) center}.strip:nth-child(26){transform:rotateY(calc(1turn * 26 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -25) center}.strip:nth-child(27){transform:rotateY(calc(1turn * 27 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -26) center}.strip:nth-child(28){transform:rotateY(calc(1turn * 28 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -27) center}.strip:nth-child(29){transform:rotateY(calc(1turn * 29 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -28) center}.strip:nth-child(30){transform:rotateY(calc(1turn * 30 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -29) center}.strip:nth-child(31){transform:rotateY(calc(1turn * 31 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -30) center}.strip:nth-child(32){transform:rotateY(calc(1turn * 32 / var(--count))) translateZ(var(--dist));background-position:calc(var(--width) * -31) center}@keyframes speen{0%{transform:perspective(400px) rotateY(0deg)}100%{transform:perspective(400px) rotateY(360deg)}}[data-exploded='true'] .intro{animation:fadeOutIntro 1.6s ease-out forwards}[data-exploded='true'] .intro-text{animation:fadeOutBlur 0.3s ease-out forwards}[data-exploded='true'] .keypad{translate:calc(-50% - 1rem) 0;transition-delay:0s, 0.26s}@media (max-width: 768px){[data-exploded='true'] .keypad{translate:0 calc(50% + 1rem)}}[data-exploded='true'] .keypad__base{--depth: 2.5;translate:0 calc(var(--depth) * 10vh);transition-property:translate;transition-duration:0.52s;transition-delay:0.52s;transition-timing-function:ease-out;animation:explodeFadeOut 1.4s ease-out forwards}[data-exploded='true'] .keypad__single{--depth: -1}[data-exploded='true'] .keypad__single--left{--depth: -2}[data-exploded='true'] .keypad__double{--depth: 0}[data-exploded='true'] .key{translate:0 calc(var(--depth) * 10vh);transition-property:translate;transition-duration:0.52s;transition-delay:0.52s;transition-timing-function:ease-out;animation:explodeFadeOut 1.4s ease-out forwards}[data-exploded='true'] .key::after{opacity:1;transition-delay:0.52s}.intro{flex-direction:row;gap:4rem;flex-wrap:nowrap}.intro .intro-text{flex:0 1 auto;max-width:50ch;transition-property:opacity, filter;transition-duration:0.26s;transition-delay:0.26s;transition-timing-function:ease-out}.intro .intro-text h2{letter-spacing:-0.05rem;line-height:1}@media (max-width: 1024px){.intro{flex-direction:column;gap:2rem}.intro .keypad{order:1}.intro .intro-text{order:2}}:root{--travel: 20}.keypad{position:relative;aspect-ratio:400 / 310;display:flex;place-items:center;width:clamp(280px, 35vw, 400px);flex:0 0 auto;-webkit-tap-highlight-color:transparent;transition-property:translate, transform;transition-duration:0.26s;transition-delay:0.26s, 0.52s;transition-timing-function:ease-out;transform-style:preserve-3d;opacity:0}.keypad.keypad-enter{animation:keypadSlideIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.keypad:not(.keypad-enter) .key{opacity:0;transform:translateY(30px) scale(0.8)}.keypad .key{transform-style:preserve-3d;border:0;background:transparent;padding:0;cursor:pointer;outline:none;transition-property:translate;transition-duration:0.26s;transition-timing-function:ease-out}.keypad-enter .keypad .key{animation:keyPopIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.keypad-enter .keypad .key.keypad__single--left{animation-delay:0.2s}.keypad-enter .keypad .key.keypad__single:not(.keypad__single--left){animation-delay:0.3s}.keypad-enter .keypad .key.keypad__double{animation-delay:0.4s}.keypad .key[data-pressed='true'] .key__content,.keypad .key:active .key__content{translate:0 calc(var(--travel) * 1%)}.keypad .key::after{z-index:-1;content:'';position:absolute;opacity:0;inset:0;transition-property:opacity;transition-duration:0.26s;transition-timing-function:ease-out;background:repeating-linear-gradient(-45deg, transparent 0 5px, #69f 5px 6px)}.keypad .key__content{width:100%;display:inline-block;height:100%;transition:translate 0.12s ease-out;container-type:inline-size}.keypad .key__text{height:46%;width:86%;position:absolute;font-size:12cqi;z-index:21;top:5%;left:0;mix-blend-mode:normal;color:#f0f0f0;translate:8% 10%;transform:rotateX(36deg) rotateY(45deg) rotateX(-90deg) rotate(0deg);text-align:left;padding:1ch}.keypad .keypad__single{position:absolute;width:40.5%;left:54%;bottom:36%;height:46%;clip-path:polygon(0 0, 54% 0, 89% 24%, 100% 70%, 54% 100%, 46% 100%, 0 69%, 12% 23%, 47% 0%);mask:url(https://assets.codepen.io/605876/keypad-single.png?format=auto&quality=86) 50% 50%/100% 100%}.keypad .keypad__single.keypad__single--left{left:29.3%;bottom:54.2%}.keypad .keypad__single .key__text{width:52%;height:62%;translate:45% -16%;font-size:18cqi}.keypad .keypad__single img{top:0;opacity:1;width:96%;position:absolute;left:50%;translate:-50% 1%}.keypad .key__mask{width:100%;height:100%;display:inline-block}.keypad .keypad__double{position:absolute;background:transparent;width:64%;height:65%;left:6%;bottom:17.85%;clip-path:polygon(34% 0, 93% 44%, 101% 78%, 71% 100%, 66% 100%, 0 52%, 0 44%, 7% 17%, 30% 0);mask:url(https://assets.codepen.io/605876/keypad-double.png?format=auto&quality=86) 50% 50%/100% 100%}.keypad .keypad__double img{top:0;opacity:1;width:99%;position:absolute;left:50%;translate:-50% 1%}.keypad .key img{filter:hue-rotate(calc(var(--hue, 0) * 1deg)) saturate(var(--saturate, 1)) brightness(var(--brightness, 1))}.keypad:not(.keypad-enter) .keypad__base{opacity:0;transform:translateY(50px)}.keypad .keypad__base{position:absolute;bottom:0;width:100%;transition-property:translate;transition-duration:0.26s;transition-timing-function:ease-out}.keypad-enter .keypad .keypad__base{animation:baseSlideIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:0.1s}.keypad img{transition:translate 0.12s ease-out;width:100%}@keyframes keypadSlideIn{0%{opacity:0;transform:translateY(60px) rotateX(20deg) scale(0.9)}60%{opacity:1;transform:translateY(-10px) rotateX(-5deg) scale(1.02)}100%{opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}}@keyframes baseSlideIn{0%{opacity:0;transform:translateY(50px) scale(0.95)}70%{opacity:1;transform:translateY(-5px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes keyPopIn{0%{opacity:0;transform:translateY(30px) scale(0.7) rotateZ(-10deg)}60%{opacity:1;transform:translateY(-8px) scale(1.05) rotateZ(3deg)}100%{opacity:1;transform:translateY(0) scale(1) rotateZ(0deg)}}@keyframes explodeFadeOut{0%{opacity:1}71%{opacity:1}100%{opacity:0}}@keyframes fadeOutBlur{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(4px)}}@keyframes fadeOutIntro{0%{opacity:1}75%{opacity:1}100%{opacity:0}}html{scroll-behavior:smooth;scroll-padding-top:40px}@font-face{font-family:"San Francisco";font-weight:400;src:url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff")}@font-face{font-family:"San Francisco";font-weight:800;src:url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff")}.menu-bar{width:100%;height:30px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;background:rgba(83,83,83,0.4);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);z-index:1000;font-family:"San Francisco", -apple-system, BlinkMacSystemFont, sans-serif}html[data-theme="light"] .menu-bar{background:rgba(230,230,230,0.5)}html[data-theme="light"] .menu-bar .menus,html[data-theme="light"] .menu-bar .menu-time{color:rgba(0,0,0,0.85) !important}html[data-theme="light"] .menu-bar .active{color:#000 !important}html[data-theme="light"] .menu-bar .menu-ico i{color:rgba(0,0,0,0.85)}.menu-bar .left{display:flex;align-items:center;justify-content:space-evenly;width:auto;margin-left:20px}.menu-bar .left .menus{height:100%;display:flex;align-items:center;margin-left:20px;color:rgba(255,255,255,0.95);font-size:14px;cursor:pointer;transition:color 0.2s ease}.menu-bar .left .menus:hover{color:#fff}html[data-theme="light"] .menu-bar .left .menus:hover{color:#000}.menu-bar .left .active{font-weight:bold;color:#fff !important}.menu-bar .right{display:flex;align-items:center;justify-content:space-evenly;gap:15px;margin-right:20px}.menu-bar .right .menu-time{height:100%;width:auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;white-space:nowrap}.menu-bar .right .menu-ico{height:100%;width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s ease}.menu-bar .right .menu-ico:hover{transform:scale(1.1)}.menu-bar .right .menu-ico i{font-size:14px;color:#fff}.menu-bar .right .menu-ico.toggle-icon{cursor:pointer}.dock{width:auto;height:70px;border-radius:16px;display:flex;justify-content:center;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:999;opacity:0;animation:dockFadeIn 0.5s ease forwards;animation-delay:2.5s}@keyframes dockFadeIn{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dock .dock-container{padding:5px;width:auto;height:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:16px;background:rgba(83,83,83,0.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.3)}html[data-theme="light"] .dock .dock-container{background:rgba(230,230,230,0.6);border:1px solid rgba(0,0,0,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.15)}html[data-theme="light"] .dock .dock-container .name{background:rgba(255,255,255,0.95);color:rgba(0,0,0,0.9);backdrop-filter:blur(20px)}html[data-theme="light"] .dock .dock-container .name::after{border-top-color:rgba(255,255,255,0.95)}html[data-theme="light"] .dock .dock-container .li-bin{border-left-color:rgba(0,0,0,0.2)}.dock .dock-container .li-bin{margin-left:15px;border-left:1.5px solid rgba(255,255,255,0.3);padding-left:15px}.dock .dock-container .li-1{position:relative}.dock .dock-container .li-1::after{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mainColor);content:"";bottom:2px;left:50%;transform:translateX(-50%)}.dock .dock-container li{list-style:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 2px;transition:margin 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transform-origin:50% 100%;position:relative}.dock .dock-container li:hover{margin:0 8px}.dock .dock-container li .dock-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dock .dock-container li .name{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:rgba(255,255,255,0.95);height:auto;padding:8px 12px;display:flex;align-items:center;justify-content:center;border-radius:5px;visibility:hidden;opacity:0;transition:opacity 0.2s ease, visibility 0.2s ease;white-space:nowrap;font-size:12px;font-family:"San Francisco", -apple-system, BlinkMacSystemFont, sans-serif;pointer-events:none}.dock .dock-container li .name::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,0.8)}.dock .dock-container li:hover .name{visibility:visible;opacity:1}.dock .dock-container li .ico{width:48px;height:48px;object-fit:contain;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);display:inline-block;color:var(--mainColor);filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}html[data-theme="light"] .dock .dock-container li .ico{color:var(--mainColor)}.dock .dock-container li .ico-bin{width:50px !important;height:50px !important;object-fit:contain;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);color:var(--mainColor)}html[data-theme="light"] .dock .dock-container li .ico-bin{color:var(--mainColor)}.logo-repositioned{top:3.5rem !important}.inner-repositioned{top:3.5rem !important}.toggle-centered{position:relative !important;top:auto !important;right:auto !important;margin:2rem auto 0 !important;display:flex !important;justify-content:center !important;width:100% !important}@media only screen and (max-width: 768px){.menu-bar .left{margin-left:10px}.menu-bar .left .menus{margin-left:10px;font-size:12px}.menu-bar .left .menus:nth-child(n+4){display:none}.menu-bar .right{margin-right:10px;gap:10px}.menu-bar .right .menu-time{font-size:11px}.dock{bottom:20px;height:60px}.dock .dock-container li{width:45px;height:45px;margin:0 1px}.dock .dock-container li:hover{margin:0 6px}}@media only screen and (max-width: 480px){.dock .dock-container li{width:40px;height:40px}.dock .dock-container li:nth-child(n+6){display:none}}@font-face{font-family:"the_historia_demoregular";src:url("../fonts/fontsfree-net-thehistoriademo-webfont.woff2") format("woff2"),url("../fonts/fontsfree-net-thehistoriademo-webfont.woff") format("woff")}@media screen and (max-width: 900px){.about{padding:2rem 2rem !important}header .landing-text h1{font-size:7rem !important}header .landing-text p{font-size:0.85rem;padding:0 2rem}.services .expertise-container{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap:32px;padding:0 1.5rem}.project{padding:4rem 1.5rem}.project-item-container{grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr));grid-gap:3rem}.dock{bottom:1rem}.dock .dock-container{padding:0.5rem;gap:0.8rem}.menu-bar{font-size:0.85rem;padding:0.4rem 1rem}}@media screen and (max-width: 768px){header .landing-text h1{font-size:5rem !important;padding:2rem !important}header .landing-text p{font-size:0.8rem;padding:0 1.5rem}header .nav-list{margin-top:2.5rem;flex-direction:column}header .nav-list li{margin:1rem 0}header .nav-list li .nav-link{font-size:1.3rem}.services{margin:4rem 0 !important;padding:3rem 0 !important}.services .services-content{padding:0 1rem}.services .services-content .services-heading{margin-bottom:4rem}.services .expertise-container{grid-template-columns:1fr;grid-gap:24px;padding:0 1rem}.services .expertise-card{padding:48px 20px 20px 20px;min-height:auto}.services .expertise-card .icon{padding:10px}.services .expertise-card .icon svg{width:28px;height:28px}.services .expertise-card h4{font-size:1.1rem;margin:12px 0 6px 0}.services .expertise-card p{font-size:0.9rem}.project{padding:4rem 1rem}.project-item-container{grid-template-columns:1fr;grid-gap:2.5rem;margin:4rem auto 0 auto}.project-box{height:auto;min-height:16rem;padding:1.5rem;gap:2rem}.project-box__content h3{font-size:1.3rem;margin-bottom:2rem;line-height:1.8rem}.project-box__content h5{font-size:0.9rem}.project .projects-switch-container{margin:1.5rem 0 2rem 0}.project h2{font-size:1.8rem !important}.portfolio{margin-top:12rem}.about-heading h2,.services-heading h2,.contact-title h2{font-size:1.5rem !important}.dock{display:none}.menu-bar{font-size:0.75rem;padding:0.3rem 0.8rem}.menu-bar .left .menus{margin-right:0.8rem}.menu-bar .right{gap:0.5rem}.more-about-content{flex-direction:column;flex-wrap:wrap}.more-about-img,.more-about-text{width:100% !important;margin:2rem auto}.cursor-effect{display:none}.about .container{flex-direction:column;flex-wrap:wrap}.about .container .profile-img{margin-bottom:2.5rem}}@media screen and (max-width: 600px){header .landing-text h1{font-size:3.5rem !important;padding:1.5rem !important;letter-spacing:2px}header .landing-text p{font-size:0.75rem;padding:0 1rem;line-height:1.4}.nav-list{margin-top:-1rem !important}.nav-list .nav-link{font-size:3.5rem !important}.menu-toggler{top:2.2rem;right:1rem;width:1.5rem;height:1rem}.menu-bar{font-size:0.65rem;padding:0.25rem 0.5rem}.menu-bar .left .menus{margin-right:0.5rem}.menu-bar .left .menus:nth-child(3),.menu-bar .left .menus:nth-child(4){display:none}.about{margin-top:9rem !important}.about .container{flex-direction:column}.about .container .profile-img{margin:0 2rem 4rem 1rem}.logo{top:2.2rem;left:1rem;width:4rem !important;padding:0.6rem 0.3rem !important}.logo h2{font-size:1.2rem !important}.services{margin:3rem 0 !important;padding:2rem 0 !important}.services .services-content{padding:0 0.75rem}.services .services-content .services-heading{margin-bottom:3rem}.services .services-content .services-heading h5{font-size:0.7rem;letter-spacing:2px}.services .services-content .services-heading h2{font-size:1.5rem !important}.services .expertise-container{grid-gap:20px;padding:0 0.75rem}.services .expertise-card{padding:40px 16px 16px 16px}.services .expertise-card .icon{padding:8px}.services .expertise-card .icon svg{width:24px;height:24px}.services .expertise-card h4{font-size:1rem;margin:10px 0 6px 0}.services .expertise-card p{font-size:0.85rem;line-height:1.5}.project{padding:3rem 0.75rem !important}.project h2{font-size:1.5rem !important}.project h5{font-size:0.7rem !important;letter-spacing:2px}.project-item-container{grid-gap:2rem;margin:3rem auto 0 auto}.project-box{min-height:14rem;padding:1.25rem}.project-box__content h3{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6rem}.project-box__content h5{font-size:0.8rem;letter-spacing:0}.project-box__link a ion-icon{width:30px;height:22px}.project .projects-switch-container{margin:1rem 0 2rem 0}.project .projects-switch{font-size:14px}.contact .container{padding:0px 20px !important}.contact .container form{width:100% !important;min-width:0 !important}.contact .container form .input-row{flex-direction:column}.contact .container form .input-row .side{width:100% !important;margin-bottom:50px}.contact .container form .textarea{margin-top:0 !important}.sub{font-size:0.9rem !important;margin:0px 0 60px !important}.about-content p{margin-top:0rem !important;font-size:0.8rem !important}.contact-title{padding:6rem 2rem 2rem 6rem !important}.effect-3{top:12rem !important;left:5rem !important}.inner{top:1rem !important;max-width:220px !important;padding:1rem}.inner span{display:none}}@media screen and (max-width: 350px){header .landing-text{flex-direction:column}header .landing-text h1{font-size:2.8rem !important;padding:1rem !important;letter-spacing:1px}header .landing-text p{font-size:0.7rem;padding:0 0.75rem}.profile-img{max-width:400px}.services .services-content .services-heading h2{font-size:1.2rem !important}.services .services-content .services-heading h5{font-size:0.65rem}.services .expertise-card{padding:32px 12px 12px 12px}.services .expertise-card .icon{padding:6px}.services .expertise-card .icon svg{width:20px;height:20px}.services .expertise-card h4{font-size:0.95rem}.services .expertise-card p{font-size:0.8rem}.project{padding:2rem 0.5rem !important}.project h2{font-size:1.2rem !important}.project h5{font-size:0.65rem !important}.project-box{padding:1rem;min-height:12rem}.project-box__content h3{font-size:1rem;margin-bottom:1.25rem;line-height:1.4rem}.project-box__content h5{font-size:0.75rem}.services-content p,.about-content{font-size:0.6rem}.menu-bar{font-size:0.6rem;padding:0.2rem 0.4rem}}@media screen and (max-width: 300px){header .landing-text h1{font-size:2.5rem !important}.services .services-heading h2{font-size:1rem !important}.services .expertise-card h4{font-size:0.9rem}.services .expertise-card p{font-size:0.75rem}.project h2{font-size:1rem !important}.project-box{padding:1rem !important}.project-box__content h3{font-size:0.95rem}.project-box__content h5{font-size:0.7rem}}@media screen and (max-width: 360px){.service-item p{font-size:0.67rem !important}}.about{margin-top:13rem;padding:2rem 6rem;position:relative}.about .container{display:flex;align-items:center;justify-content:center}.about .container .about-heading{text-align:center;text-transform:uppercase;line-height:0;margin-bottom:3rem}.about .container .about-heading h2{font-size:3rem;opacity:1}.about .container .profile-img{flex:1;margin-right:2.5rem;z-index:100;position:relative}.about .container .profile-img img{width:510px;height:auto;object-fit:cover;filter:grayscale(100%);transition:0.3s}.about .container .profile-img img:hover{filter:none;transform:scale(1.05)}.about .container .about-content{flex:1;font-size:1rem;line-height:2}.about .container .about-content p{margin-top:5rem;font-weight:300;text-align:left;color:var(--white)}.about .container .about-content p a{font-weight:700;color:var(--mainColor)}.about-cta{text-align:center;margin:2rem 0;font-size:0.95em}.about-cta span{margin-left:10px}.about-cta a{font-weight:800;position:relative;color:var(--green-alt)}.about-cta a::before{position:absolute;content:"";bottom:0;left:0;height:1px;width:0%;background-color:var(--secondColor);transition:width 0.3s ease}.about-cta a:hover::before{width:100%}.about-cta .exp-cta{color:var(--pink);margin-left:10px}.contact{background:var(--bg);max-width:1480px;margin:6rem auto 0 auto;padding-top:4rem}.contact-title{display:flex;flex-direction:column;padding:6rem 6rem 2rem 6rem;text-align:right}.contact-title h5{text-transform:uppercase;color:var(--whiteLight);font-size:0.8rem;letter-spacing:3px}.contact-title h2{font-size:2.2rem;text-transform:capitalize;letter-spacing:-1px}.contact .container{display:flex;align-items:center;flex-direction:column;padding:60px 0}.contact .container .sub{text-align:center;line-height:1.3;font-size:1.3rem;color:var(--whiteLight);margin:50px 0 60px}.contact .container form{width:70%;min-width:450px}.contact .container form .input-row{display:flex;justify-content:space-between}.contact .container form .input-row .side{width:45%}.contact .container form label{margin-top:20px;display:block;text-transform:capitalize;color:#868f97;font-size:12px;margin-bottom:5px}.contact .container form input,.contact .container form textarea{border:0;border-radius:0;box-sizing:border-box;border-bottom:1px solid var(--white);background:transparent;outline:none;box-shadow:none;text-align:left;font-size:14.5px;width:100%;color:var(--white);padding:0.6em 0.6em 0.6em 0}.contact .container form .textarea{margin-top:99px}.contact .container form .textarea textarea{resize:none;line-height:1.4}.contact .container form button{outline:none;cursor:pointer;text-transform:capitalize;color:var(--white);padding:15px 30px;background:transparent;border:1px solid var(--mainColor);display:block;margin:80px auto 0;position:relative;color:var(--mainColor)}.contact .container form button:hover{color:var(--white);background:var(--mainColor);transition:0.3s all ease}header{width:100%;height:100vh;background:var(--darkBlue);position:relative}header::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 50%, var(--bg) 100%);pointer-events:none;z-index:5}header .landing-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;z-index:10;user-select:none}header .landing-text h1{font-size:10rem;font-family:"the_historia_demoregular", sans-serif;padding:1rem;background:linear-gradient(to top, var(--mainColor), var(--secondColor));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:5px}header .landing-text p{font-size:0.9rem;padding:0 1rem}.logo img{position:fixed;top:3rem;left:2rem;width:4rem;background-color:rgba(var(--bg), 0.75);padding:0.3rem;z-index:101;user-select:none}.project{max-width:1480px;margin:auto;padding:6rem 0}.project .projects-header{text-align:center;margin-bottom:1.5rem}.project .projects-title{margin-bottom:0}.project .projects-switch-container{display:flex;justify-content:center;margin:2rem 0 3rem 0}.project h5{text-transform:uppercase;color:var(--whiteLight) !important;font-size:0.8rem;letter-spacing:3px}.project h2{font-size:2.2rem;text-transform:capitalize;letter-spacing:-1px;transition:opacity 0.3s ease}.project .projects-switch,.project .projects-switch__input{-webkit-tap-highlight-color:transparent}.project .projects-switch{--switch-hue: 223;--switch-off-hue: 3;--switch-on-hue1: 123;--switch-on-hue2: 168;--switch-trans-dur: 0.6s;--switch-trans-timing: cubic-bezier(0.65, 0, 0.35, 1);display:block;position:relative;width:3.5em;height:2.1em;font-size:16px}.project .projects-switch__base-outer,.project .projects-switch__base-inner{display:block;position:absolute}.project .projects-switch__base-outer{border-radius:1.25em;box-shadow:-0.125em -0.125em 0.25em hsl(var(--switch-hue), 10%, 30%),0.125em 0.125em 0.125em hsl(var(--switch-hue), 10%, 30%) inset,0.125em 0.125em 0.25em #000,-0.125em -0.125em 0.125em hsl(var(--switch-hue), 10%, 5%) inset;top:0.125em;left:0.125em;width:calc(100% - 0.25em);height:calc(100% - 0.25em)}.project .projects-switch__base-inner{border-radius:1.125em;box-shadow:-0.25em -0.25em 0.25em hsl(var(--switch-hue), 10%, 30%) inset,0.0625em 0.0625em 0.125em hsl(var(--switch-hue), 10%, 30%),0.125em 0.25em 0.25em hsl(var(--switch-hue), 10%, 5%) inset,-0.0625em -0.0625em 0.125em hsl(var(--switch-hue), 10%, 5%);top:0.375em;left:0.375em;width:calc(100% - 0.75em);height:calc(100% - 0.75em)}.project .projects-switch__base-neon{display:block;overflow:visible;position:absolute;top:0;left:0;width:100%;height:auto}.project .projects-switch__base-neon path{stroke-dasharray:0 104.26 0;transition:stroke-dasharray var(--switch-trans-dur) var(--switch-trans-timing)}.project .projects-switch__input{outline:transparent;position:relative;width:100%;height:100%;-webkit-appearance:none;appearance:none;cursor:pointer}.project .projects-switch__input:before{border-radius:0.125em;box-shadow:0 0 0 0.125em hsla(var(--switch-hue), 90%, 50%, 0);content:"";display:block;position:absolute;inset:-0.125em;transition:box-shadow 0.15s linear}.project .projects-switch__input:focus-visible:before{box-shadow:0 0 0 0.125em hsl(var(--switch-hue), 90%, 50%)}.project .projects-switch__knob,.project .projects-switch__knob-container{border-radius:1em;display:block;position:absolute}.project .projects-switch__knob{background-color:hsl(var(--switch-hue), 10%, 15%);background-image:radial-gradient(88% 88% at 50% 50%, hsl(var(--switch-hue), 10%, 20%) 47%, hsla(var(--switch-hue), 10%, 20%, 0) 50%),radial-gradient(88% 88% at 47% 47%, hsl(var(--switch-hue), 10%, 85%) 45%, hsla(var(--switch-hue), 10%, 85%, 0) 50%),radial-gradient(65% 70% at 40% 60%, hsl(var(--switch-hue), 10%, 20%) 46%, hsla(var(--switch-hue), 10%, 20%, 0) 50%);box-shadow:-0.0625em -0.0625em 0.0625em hsl(var(--switch-hue), 10%, 15%) inset,-0.125em -0.125em 0.0625em hsl(var(--switch-hue), 10%, 5%) inset,0.75em 0.25em 0.125em rgba(0,0,0,0.8);width:1.4em;height:1.4em;transition:transform var(--switch-trans-dur) var(--switch-trans-timing)}.project .projects-switch__knob-container{overflow:hidden;top:0.35em;left:0.35em;width:calc(100% - 0.7em);height:calc(100% - 0.7em)}.project .projects-switch__knob-neon{display:block;width:1.4em;height:auto}.project .projects-switch__knob-neon circle{opacity:0;stroke-dasharray:0 90.32 0 54.19;transition:opacity var(--switch-trans-dur) steps(1, end),stroke-dasharray var(--switch-trans-dur) var(--switch-trans-timing)}.project .projects-switch__knob-shadow{border-radius:50%;box-shadow:0.125em 0.125em 0.125em rgba(0,0,0,0.9);display:block;position:absolute;top:0.35em;left:0.35em;width:1.4em;height:1.4em;transition:transform var(--switch-trans-dur) var(--switch-trans-timing)}.project .projects-switch__led{background-color:hsl(var(--switch-off-hue), 90%, 70%);border-radius:50%;box-shadow:0 -0.0625em 0.0625em hsl(var(--switch-off-hue), 90%, 40%) inset,0 0 0.125em hsla(var(--switch-off-hue), 90%, 70%, 0.3),0 0 0.125em hsla(var(--switch-off-hue), 90%, 70%, 0.3),0.125em 0.125em 0.125em rgba(0,0,0,0.5);display:block;position:absolute;top:0;left:0;width:0.25em;height:0.25em;transition:background-color var(--switch-trans-dur) var(--switch-trans-timing),box-shadow var(--switch-trans-dur) var(--switch-trans-timing)}.project .projects-switch__text{overflow:hidden;position:absolute;width:1px;height:1px}.project .projects-switch__input:checked~.projects-switch__led{background-color:hsl(var(--switch-on-hue1), 90%, 70%);box-shadow:0 -0.0625em 0.0625em hsl(var(--switch-on-hue1), 90%, 40%) inset,0 -0.125em 0.125em hsla(var(--switch-on-hue1), 90%, 70%, 0.3),0 0.125em 0.125em hsla(var(--switch-on-hue1), 90%, 70%, 0.3),0.125em 0.125em 0.125em rgba(0,0,0,0.5)}.project .projects-switch__input:checked~.projects-switch__base-neon path{stroke-dasharray:52.13 0 52.13}.project .projects-switch__input:checked~.projects-switch__knob-shadow,.project .projects-switch__input:checked~.projects-switch__knob-container .projects-switch__knob{transform:translateX(100%)}.project .projects-switch__input:checked~.projects-switch__knob-container .projects-switch__knob-neon circle{opacity:1;stroke-dasharray:45.16 0 45.16 54.19;transition-timing-function:steps(1, start),var(--switch-trans-timing)}.project-item-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));grid-gap:4rem;color:var(--bg);margin:6rem auto 0 auto;max-width:1720px;width:100%}.project-box{padding:2rem;height:18rem;display:flex;flex-direction:column;gap:3rem;position:relative}@media only screen and (max-width: 56.25em){.project-box{height:18rem}}.project-box:hover{border:solid 2px var(--white);color:var(--white)}.project .project-box:nth-child(1):hover:after{outline:2px solid lightblue;background:lightblue}.project .project-box:nth-child(2):hover:after{background:lightcoral;outline:2px solid lightcoral}.project .project-box:nth-child(3):hover:after{background:lightcyan;outline:2px solid lightcyan}.project .project-box:nth-child(4):hover:after{background:lightgray;outline:2px solid lightslategray}.project .project-box:nth-child(4):hover:after .project-box__link{width:min-content}.project .project-box:nth-child(5):hover:after{background:lightgreen;outline:2px solid lightgreen}.project .project-box:nth-child(5):hover:after .project-box__link{width:min-content}.project .project-box:nth-child(6):hover:after{background:lightyellow;outline:2px solid lightyellow}.project .project-box:nth-child(6):hover:after .project-box__link{width:min-content}.project .project-box:nth-child(7):hover:after{background:lightseagreen;outline:2px solid lightseagreen}.project .project-box:nth-child(7):hover:after .project-box__link{width:min-content}.project .project-box:nth-child(8):hover:after{background:lightpink;outline:2px solid lightpink}.project .project-box:nth-child(8):hover:after .project-box__link{width:min-content}.project-box__link{align-self:flex-end;width:25%;display:flex;justify-content:flex-end;align-items:center}@media only screen and (max-width: 56.25em){.project-box__link{width:30%}}.project-box__link a ion-icon{width:35px;height:25px;color:var(--white)}.project-box__content{align-self:center}.project-box__content h3{margin-bottom:3rem;letter-spacing:-0.5px;line-height:2rem;font-size:1.5rem;font-weight:800;text-transform:capitalize;color:var(--whiteLight)}.project-box__content h5{color:var(--secondColor);font-size:1em;font-weight:400}.project-box{position:relative;background:var(--bg);border:1px solid var(--white)}.project-box:after{content:"";position:absolute;width:103%;height:101%;top:1rem;right:0.5rem;z-index:-1}.project-box:hover{background:none;background-color:var(--darkBlue);transition:all 0.2s ease}.project-box:hover:after{transition:all 0.2s ease}.project-box__absolute-link{position:absolute;top:0;left:0;width:100%;height:100%}.services{margin:6rem 0;background:transparent;padding:4rem 0;position:relative;overflow:visible;z-index:2}.services::before{content:'';position:absolute;top:-10rem;left:0;width:100%;height:calc(100% + 20rem);background:linear-gradient(to bottom, transparent 0%, var(--bg) 25%, var(--bg) 75%, transparent 100%);z-index:-1}.services .services-content{max-width:1480px;margin:auto;padding:0 2rem}.services .services-content .services-heading{margin-bottom:6rem}.services .services-content .services-heading h5{text-transform:uppercase;color:var(--whiteLight) !important;font-size:0.8rem;letter-spacing:3px;margin-bottom:0.5rem}.services .services-content .services-heading h2{font-size:2.2rem;text-transform:capitalize;letter-spacing:-1px;font-weight:600;color:var(--white)}.services .expertise-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));grid-gap:48px;margin:0 auto;max-width:1480px;width:100%;padding:0 2rem;position:relative;z-index:1}.services .expertise-card{background-color:var(--bg);box-shadow:0px 3px 6px rgba(0,0,0,0.05),0px 8px 15px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.1);padding:72px 24px 24px 24px;border-radius:20px;cursor:pointer;position:relative;transition:box-shadow .25s;min-height:280px}.services .expertise-card::before{content:'';position:absolute;inset:0;border-radius:20px;background-color:rgba(255,255,255,0.015)}.services .expertise-card .icon{z-index:2;position:relative;display:table;padding:12px}.services .expertise-card .icon::after{content:'';position:absolute;inset:6px;border-radius:50%;background-color:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(2px);transition:background-color .25s, border-color .25s}.services .expertise-card .icon svg{position:relative;z-index:1;display:block;width:32px;height:32px;transform:translateZ(0);color:#D4D4D8;transition:color .25s}.services .expertise-card h4{z-index:2;position:relative;margin:16px 0 8px 0;font-family:inherit;font-weight:600;font-size:1.2rem;line-height:1.5;color:var(--white)}.services .expertise-card p{z-index:2;position:relative;margin:0;font-size:1rem;line-height:1.7;color:var(--secondColor)}.services .expertise-card .shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s}.services .expertise-card .shine:before{content:'';width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:.1;transform:translateX(-50%);background-image:conic-gradient(from 205deg at 50% 50%, rgba(52,163,163,0) 0deg, #34a3a3 25deg, rgba(52,163,163,0.18) 295deg, rgba(52,163,163,0) 360deg)}.services .expertise-card .background{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%, black 0%, black 15%, transparent 60%);mask-image:radial-gradient(circle at 60% 5%, black 0%, black 15%, transparent 60%)}.services .expertise-card .background .tiles{opacity:0;transition:opacity .25s}.services .expertise-card .background .tiles .tile{position:absolute;background-color:rgba(52,163,163,0.05);animation-duration:8s;animation-iteration-count:infinite;opacity:0}.services .expertise-card .background .tiles .tile.tile-4,.services .expertise-card .background .tiles .tile.tile-6,.services .expertise-card .background .tiles .tile.tile-10{animation-delay:-2s}.services .expertise-card .background .tiles .tile.tile-3,.services .expertise-card .background .tiles .tile.tile-5,.services .expertise-card .background .tiles .tile.tile-8{animation-delay:-4s}.services .expertise-card .background .tiles .tile.tile-2,.services .expertise-card .background .tiles .tile.tile-9{animation-delay:-6s}.services .expertise-card .background .tiles .tile.tile-1{top:0;left:0;height:10%;width:22.5%}.services .expertise-card .background .tiles .tile.tile-2{top:0;left:22.5%;height:10%;width:27.5%}.services .expertise-card .background .tiles .tile.tile-3{top:0;left:50%;height:10%;width:27.5%}.services .expertise-card .background .tiles .tile.tile-4{top:0;left:77.5%;height:10%;width:22.5%}.services .expertise-card .background .tiles .tile.tile-5{top:10%;left:0;height:22.5%;width:22.5%}.services .expertise-card .background .tiles .tile.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}.services .expertise-card .background .tiles .tile.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}.services .expertise-card .background .tiles .tile.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}.services .expertise-card .background .tiles .tile.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}.services .expertise-card .background .tiles .tile.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}@keyframes tile{0%,12.5%,100%{opacity:1}25%,82.5%{opacity:0}}.services .expertise-card .background .line{position:absolute;inset:0;opacity:0;transition:opacity .35s}.services .expertise-card .background .line:before,.services .expertise-card .background .line:after{content:'';position:absolute;background-color:rgba(255,255,255,0.1);transition:transform .35s}.services .expertise-card .background .line:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}.services .expertise-card .background .line:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}.services .expertise-card .background .line.line-1:before{top:10%}.services .expertise-card .background .line.line-1:after{left:22.5%}.services .expertise-card .background .line.line-1:before,.services .expertise-card .background .line.line-1:after{transition-delay:.3s}.services .expertise-card .background .line.line-2:before{top:32.5%}.services .expertise-card .background .line.line-2:after{left:50%}.services .expertise-card .background .line.line-2:before,.services .expertise-card .background .line.line-2:after{transition-delay:.15s}.services .expertise-card .background .line.line-3:before{top:55%}.services .expertise-card .background .line.line-3:after{right:22.5%}.services .expertise-card:hover{box-shadow:0px 3px 6px rgba(0,0,0,0.04),0px 15px 25px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.2)}.services .expertise-card:hover .icon::after{background-color:rgba(52,163,163,0.1);border-color:rgba(52,163,163,0.2)}.services .expertise-card:hover .icon svg{color:#34a3a3}.services .expertise-card:hover .shine{opacity:1;transition-duration:.5s;transition-delay:0s}.services .expertise-card:hover .background .tiles{opacity:1;transition-delay:.25s}.services .expertise-card:hover .background .tiles .tile{animation-name:tile}.services .expertise-card:hover .background .line{opacity:1;transition-duration:.15s}.services .expertise-card:hover .background .line:before{transform:scaleX(1)}.services .expertise-card:hover .background .line:after{transform:scaleY(1)}.services .expertise-card:hover .background .line.line-1:before,.services .expertise-card:hover .background .line.line-1:after{transition-delay:.0s}.services .expertise-card:hover .background .line.line-2:before,.services .expertise-card:hover .background .line.line-2:after{transition-delay:.15s}.services .expertise-card:hover .background .line.line-3:before,.services .expertise-card:hover .background .line.line-3:after{transition-delay:.3s}html[data-theme="light"] .services .expertise-card{background-color:transparent;box-shadow:0px 3px 6px rgba(24,24,27,0.02),0px 2px 7px rgba(24,24,27,0.04),0 0 0 1px rgba(24,24,27,0.08)}html[data-theme="light"] .services .expertise-card::before{background-color:transparent}html[data-theme="light"] .services .expertise-card .icon::after{background-color:rgba(24,24,27,0.04);border:1px solid rgba(24,24,27,0.1)}html[data-theme="light"] .services .expertise-card .icon svg{color:#18181B}html[data-theme="light"] .services .expertise-card h4{color:#18181B}html[data-theme="light"] .services .expertise-card p{color:#52525B}html[data-theme="light"] .services .expertise-card .shine:before{opacity:.3;background-image:conic-gradient(from 225deg at 50% 50%, rgba(52,163,163,0) 0deg, #34a3a3 25deg, #EDFAF6 285deg, #fff 345deg, rgba(52,163,163,0) 360deg)}html[data-theme="light"] .services .expertise-card .background .tiles .tile{background-color:rgba(52,163,163,0.08)}html[data-theme="light"] .services .expertise-card .background .line:before,html[data-theme="light"] .services .expertise-card .background .line:after{background-color:#E9E9E7}html[data-theme="light"] .services .expertise-card:hover{box-shadow:0px 3px 6px rgba(24,24,27,0.05),0px 8px 15px rgba(24,24,27,0.1),0 0 0 1px rgba(24,24,27,0.15)}html[data-theme="light"] .services .expertise-card:hover .icon::after{background-color:rgba(24,24,27,0.04);border-color:rgba(24,24,27,0.34)}html[data-theme="light"] .services .expertise-card:hover .icon svg{color:#18181B}.footer{margin-top:10rem;width:100%;min-height:60vh;position:relative;z-index:500;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-end;padding:5rem 3rem 3rem;gap:2rem}.footer::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, transparent 0%, var(--bg) 60%);z-index:-2;pointer-events:none}.footer .footer-backdrop{position:absolute;inset:0;z-index:-1;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 15%, rgba(0,0,0,0.8) 25%, #000 35%, #000 100%);-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 15%, rgba(0,0,0,0.8) 25%, #000 35%, #000 100%)}.footer-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1.5rem 2rem;width:30%;gap:1rem;min-width:200px}.footer-col h3{font-size:1.3rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0;letter-spacing:-0.5px}.footer-col p{margin:0.5rem 0;color:var(--whiteLight);font-size:0.95rem;line-height:1.6}.footer-col p a{color:var(--mainColor);text-decoration:none;transition:color 0.3s ease}.footer-col p a:hover{color:var(--thirdColor)}.footer-col--main{padding-left:0}.footer-col--links{background-color:var(--footerCardBg);border-radius:1.5rem;backdrop-filter:blur(10px);border:1px solid var(--footerCardBorder)}.footer-col--links p{font-size:0.9rem;cursor:pointer;transition:color 0.3s ease, transform 0.2s ease}.footer-col--links p:hover{color:var(--mainColor);transform:translateX(4px)}.footer-social{display:flex;flex-direction:row;gap:0.8rem;margin-top:0.5rem}.footer-social a{width:2.5rem;height:2.5rem;background-color:var(--footerSocialBg);border-radius:0.5rem;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;border:1px solid var(--footerCardBorder)}.footer-social a:hover{background-color:var(--footerSocialBgHover);border-color:var(--mainColor);transform:translateY(-3px)}.footer-social a ion-icon{font-size:1.2rem;color:var(--whiteLight)}.footer-copy{color:var(--secondColor);font-size:0.85rem;margin-top:1rem;opacity:0.7}.footer hr{display:none}@media screen and (max-width: 900px){.footer{padding:4rem 2rem 2.5rem;gap:1.5rem}.footer-col{width:32%;padding:1.2rem 1.5rem}.footer-col h3{font-size:1.1rem}.footer-col p{font-size:0.85rem}}@media screen and (max-width: 700px){.footer{flex-direction:column;padding:4rem 2rem;align-items:stretch;gap:2rem;min-height:auto}.footer-col{width:100%;padding:1.5rem}.footer-col--main{padding-left:1.5rem}.footer-social{justify-content:flex-start}}@media screen and (max-width: 450px){.footer{padding:3rem 1.5rem}.footer-col{padding:1.2rem}.footer-col h3{font-size:1rem}.footer-col p{font-size:0.8rem}.footer-social a{width:2.2rem;height:2.2rem}.footer-social a ion-icon{font-size:1rem}.footer-copy{font-size:0.75rem}}.more-about{padding:2rem;width:100%;height:100%;margin:auto;font-size:0.9rem;color:var(--whiteLight)}.more-about h2{font-size:2.3rem;text-transform:uppercase;margin:2rem 0 5rem}.more-about h2 span{color:var(--secondColor)}.more-about-content{display:flex;flex-wrap:wrap;margin:auto;width:100%;justify-content:space-between}.more-about-img{width:40%;height:auto;padding:0 15px;user-select:none;max-width:400px;z-index:100}.more-about-text{width:60%;padding:0 15px}.more-about-text h3{font-size:1.2rem;margin:5rem 0 2.5rem}.more-about-text .skills{display:flex;flex-wrap:wrap}.more-about-text .skills .skill-item{background:rgba(var(--darkBlue), 0.7);border:1px solid var(--mainColor);padding:5px 15px;margin:0 10px 10px 0;border-radius:20px}.more-about-text .tabs{margin-top:4rem}.more-about-text .tabs .tab-item{padding:2px;background-color:transparent;border:none;display:inline-block;color:var(--thirdColor);font-size:1.1rem;cursor:crosshair;font-weight:500;font-family:inherit;user-select:none;margin-right:30px;position:relative;opacity:0.5;transition:all 0.3s ease}.more-about-text .tabs .tab-item:last-child{margin:0}.more-about-text .tabs .tab-item::before{content:"";position:absolute;left:0;bottom:0;width:0%;height:1px;background-color:var(--thirdColor);transition:width 0.3s ease}.more-about-text .tabs .tab-item:hover::before{width:100%}.more-about-text .tabs .tab-item.active{color:var(--mainColor);opacity:1;cursor:crosshair}.more-about-text .tabs .tab-item.active::before{width:100%;background-color:var(--mainColor)}.tab-content{padding:40px 0;display:none}.tab-content .timeline{position:relative}.tab-content .timeline::before{content:"";position:absolute;height:100%;width:1px;top:0;left:5px;background-color:var(--mainColor)}.tab-content .timeline-item{margin-bottom:30px;position:relative;padding:10px 0 0 40px}.tab-content .timeline-item::before{content:"";position:absolute;height:11px;width:11px;background-color:var(--mainColor);left:0;top:16px;border-radius:50%}.tab-content .timeline-item .date{display:block;color:var(--mainColor);font-weight:400;margin:0 0 10px}.tab-content .timeline-item h4{font-size:1.1rem;margin:0 0 10px}.tab-content .timeline-item h4 span{font-weight:400;font-style:italic}.tab-content .timeline-item ul{list-style-type:square}.tab-content .timeline-item ul li{margin-bottom:1rem}.tab-content .timeline-item:last-child{margin-bottom:0}.tab-content.active{display:block}