*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--background:#0B1724;--white:#ffffff;--gray:#A39E9E;--purple:linear-gradient(55deg,rgba(0, 119, 255, 1) 0%, rgba(78, 249, 255, 1) 185%);--purpleRGB: rgba(0, 119, 255, 1) }html{scroll-behavior:smooth}body{background-color:var(--background)}.row{display:flex;gap:1rem;align-items:center}.bullet{display:flex;align-items:flex-start}.bullet:before{content:"• ";margin-right:.5em;flex-shrink:0}.number{background:var(--purple);height:1rem;width:1rem;padding:.8rem;border-radius:50%;color:var(--white);font-weight:600;display:flex;justify-content:center;align-items:center;text-align:center;font-size:clamp(1rem,1.4vw,1.5rem)}.goldText{background:var(--purple);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.whiteText{color:var(--white)}.bold{font-weight:700}.semiBold{font-weight:500}a{color:var(--white);text-decoration:none;font-size:clamp(1rem,1.1vw,1.4rem);transition:all .3s ease}a:hover{transform:translateY(-2px)}.biggestGtext{font-size:clamp(2.1rem,3.5vw,5rem)}.smallerGtext{font-size:clamp(1.5rem,2vw,3rem);margin-bottom:1rem}.biggestWtext{font-size:clamp(1.2rem,2.2vw,3.2rem);font-weight:700;line-height:1.5}.smallerWtext{font-size:clamp(1rem,1.5vw,2rem);line-height:1.4}.grayText{font-size:clamp(1rem,1.2vw,2.2rem);color:var(--gray);line-height:1.5}.grayTitle{font-size:clamp(1rem,1.5vw,2.2rem);color:var(--gray);line-height:1.5}.page,.projectPage{width:90%;margin:0 auto;padding-top:5rem;margin-top:2rem}.topOfpage{padding-bottom:3rem}.floating-language-switcher{background:transparent;color:var(--white);border:2px solid var(--purpleRGB);border-radius:50px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.floating-language-switcher:hover{background:var(--purple);color:var(--background);transform:translateY(-2px);box-shadow:0 6px 25px #07f6}.floating-language-switcher:active{transform:translateY(0)}@media (max-width: 768px){.floating-language-switcher{bottom:15px;right:15px;padding:10px 16px;font-size:12px}}[dir=rtl] .floating-language-switcher{right:auto;left:20px}@media (max-width: 768px){[dir=rtl] .floating-language-switcher{left:15px}}nav{display:flex;flex-direction:row;justify-content:center;padding-bottom:1rem;margin-bottom:2rem;background-color:#0b172480;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);z-index:1000;position:fixed;top:0;right:0;left:0}.nav-cont{display:flex;justify-content:space-between;align-items:center;width:90%;background-color:transparent;padding-top:1rem}.links{gap:1.8rem;display:none;align-items:center}.logo{width:1.5rem;height:1.5rem}.menu{color:var(--white);font-size:1.8rem;cursor:pointer}.fake{color:var(--background);background-color:var(--background);display:flex;flex-direction:row;position:relative;z-index:-1000;justify-content:center;padding-bottom:1rem;margin-bottom:2rem;background-color:#101010b3;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%)}.open-menu{position:fixed;top:0;width:250px;height:100vh;display:flex;flex-direction:column;background-color:#10101098;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-left:var(--purpleRGB) solid 2px;font-size:1.2rem;font-weight:500;padding:2rem 1.5rem;gap:1rem;text-align:center;z-index:2000;transition:right .3s ease-in-out}.menu-closed{right:-250px}.menu-open{right:0;box-shadow:0 0 50px 0 var(--purpleRGB);-webkit-box-shadow:0px 0px 50px 0px var(--purpleRGB);-moz-box-shadow:0px 0px 50px 0px var(--purpleRGB)}.x-icon{text-align:left;padding:0!important;font-size:1.4rem;cursor:pointer}.close-ham{display:flex;margin-bottom:2rem}.close-tag{padding-left:.5rem;font-weight:300}.menu-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.menu-backdrop.active{opacity:1;visibility:visible}.white{color:var(--white)}.homeBlur{background:linear-gradient(150deg,#0077ffbf,#4ef9ffbf 110%);position:absolute;width:90%;height:40svh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-4;border-radius:50%;filter:blur(100px);opacity:.8}.logoAndName{display:flex;align-items:center;height:fit-content;padding:0;transition:all .3s ease;margin-bottom:1rem}.logoAndName:hover{transform:translateY(-4px)}.logoBig{display:block;height:52%;margin-bottom:1rem}.fullHeight{height:100svh;overflow:hidden;display:flex;flex-direction:column}.header{display:flex;flex-direction:column;width:100%;margin:0 auto;row-gap:2rem}.toTheLeftHome{display:flex;flex-direction:column;row-gap:.8rem;align-items:center;width:90%;text-align:center;align-self:"center";justify-content:center;height:80svh;margin:auto}.toTheRightHome{width:90%;align-items:center;justify-content:center;display:flex;margin:0 auto;position:relative}.label{display:flex;align-items:center;gap:.4rem;padding:.2rem 1rem;border:2px solid;border-radius:2rem;font-size:clamp(.8rem,1.2vw,1.2rem);font-weight:700;width:fit-content}.labelIcon{font-size:clamp(1.1rem,1.5vw,1.5rem)}.bigicon{font-size:clamp(1.8rem,2.5rem,3rem);color:#09b700}.blob{width:50%;aspect-ratio:1;background:var(--purple);z-index:50;position:absolute;filter:blur(100px);box-shadow:0 0 150px 50px #0077ffbf;-webkit-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75)}.cardBlob{width:25%;height:1px;background:var(--purpleRGB);border-radius:50%;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 150px 50px #0077ffbf;-webkit-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75)}.mockup{width:80%;margin-top:2rem;z-index:90}.button{background:var(--purple);color:var(--white);font-weight:700;font-size:clamp(.8rem,1.1vw,2rem);border:none;padding:.5rem 1.7rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:fit-content;margin-top:1.2rem;transition:all .3s ease;box-shadow:0 0 20px #0077ffbf;-webkit-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75)}.bigBtn{font-size:clamp(.8rem,1.5vw,1.5rem)}.button:hover{box-shadow:0 0 40px #0077ffbf;-webkit-box-shadow:0px 0px 40px 0px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 40px 0px rgba(0,119,255,.75);transform:translateY(-2px)}.arrow{font-size:clamp(1rem,1.5vw,2rem);padding-left:.3rem;font-weight:700}.card-cont{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2.5rem;position:relative}.oneCont,.two-cards,.test-cont{display:grid;grid-template-columns:1fr;gap:2.5rem;position:relative}.card-wrapper{position:relative}.card{display:flex;flex-direction:column;row-gap:1rem;position:relative;border-radius:1rem;padding:2rem 1.5rem;background-color:var(--background);z-index:10;border-top:solid 2px var(--purpleRGB);overflow:hidden;transition:all .3s ease}.cardRows{display:flex;flex-direction:column;gap:2.5rem}.cardLeft{width:100%;display:flex;flex-direction:column;justify-content:space-between}.cardRight{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.miniMock{margin:auto;align-self:center;width:100%;z-index:1}.miniBlur{width:20%;aspect-ratio:1;background:var(--purpleRGB);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(100px);box-shadow:0 0 150px 50px #0077ffbf;-webkit-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 150px 50px rgba(0,119,255,.75);z-index:-1}.card:hover{transform:translateY(-4px)}.glowCircle{position:absolute;z-index:-1;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:20rem}.BigGlowCircle{position:absolute;z-index:-1;top:10%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:20rem}.imgAndName{display:flex;align-items:center;gap:1rem}.user{width:2.5rem;height:2.5rem;border-radius:50%}.quote{color:#ac2fff;font-size:clamp(1.4rem,3vw,2rem);margin-top:1rem;text-shadow:0px 0px 50px rgba(227,148,1,.6)}.left{align-self:flex-end;margin-top:0}.nameAndJob{display:flex;flex-direction:column}.smallerGray{font-size:clamp(.95rem,1.1vw,1.8rem);line-height:1.2}.projectImg{width:100%;max-width:80rem;margin:0 auto}.form{width:100%;display:flex;flex-direction:row;background-color:var(--background);padding:1.5rem .5rem;border-radius:1rem;position:relative;margin-bottom:2.5rem;margin-top:5rem;box-shadow:0 0 20px #0077ffbf;-webkit-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75)}.form:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:var(--purple);z-index:-1}.form-title{text-align:center;color:var(--white);font-size:clamp(1.5rem,1.8vw,2.2rem)}.to-left-top{display:flex;flex-direction:column;width:90%;margin:0 auto;gap:1rem}.input{border-radius:.6rem;background-color:var(--background);color:var(--gray);border:var(--white) 1px solid;font-size:clamp(1rem,1.2vw,1.2rem);box-shadow:none;padding:.5rem .7rem}select{appearance:none}.input:hover{box-shadow:none;border-color:var(--main-black)}.input::placeholder{color:var(--sec-gray);accent-color:var(--main-black)}.input:focus{outline:none;accent-color:var(--white);color:var(--white);box-shadow:none}.form-btn{border-radius:.5rem;display:flex;gap:.4rem;text-align:center;justify-content:center;box-shadow:none;font-size:clamp(1rem,1rem,1.7rem);width:100%;box-shadow:0 0 20px #0077ffbf;-webkit-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 20px 0px rgba(0,119,255,.75)}textarea{resize:none}.divider{display:flex;width:100%;margin:0 auto;color:var(--white);padding:.6rem 0;align-items:center;justify-content:space-between}.line{border:solid .2px;width:45%}.line-text{font-size:1rem;font-weight:700}.footer{margin-top:6rem;width:100%;background-color:var(--background);color:var(--white);display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem;position:relative;box-shadow:0 0 30px #0077ffbf;-webkit-box-shadow:0px 0px 30px 0px rgba(0,119,255,.75);-moz-box-shadow:0px 0px 30px 0px rgba(0,119,255,.75)}.footer:before{content:"";position:absolute;top:0;left:0;height:2px;width:100%;border-radius:4rem;background:var(--purple)}.footer a{color:var(--white)}.footer-big-text{font-size:clamp(1.2rem,1.4vw,2.2rem);padding-bottom:1rem}.footer-small-text{font-size:clamp(1rem,1.2vw,1.6rem);line-height:1.3}.footerLogo{width:40%;margin:0 auto;max-width:15rem}.footer-icon{font-size:clamp(1.4rem,1.4vw,2rem)}.contact-me-footer{padding-bottom:2rem}.social-footer{width:100%;padding-bottom:2rem}.social-icons{width:90%;max-width:22rem;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.quick-links{width:100%;padding-bottom:2rem}.links-for-footer{display:flex;width:90%;max-width:25rem;margin:0 auto;justify-content:center;flex-wrap:wrap;column-gap:1.5rem;row-gap:.8rem}.privacy{width:80%;max-width:20rem;margin:0 auto;padding-bottom:2rem}.credit{padding-bottom:1.2rem}@media (min-width: 560px){.card-cont{margin-top:1.5rem;gap:3rem}.oneCont{gap:4.5rem}.two-cards,.test-cont{grid-template-columns:1fr 1fr;margin-top:1.5rem;gap:3rem}}@media (min-width: 650px){.logo{width:2rem;height:2rem}.user{width:2.8rem;height:2.8rem}.fake{display:none}.form{padding-bottom:4rem;margin-top:6rem}.whatsapp{margin-bottom:10rem}.row{gap:.6rem}.number{padding:1rem}.glowCircle{top:17%}.to-left-top{row-gap:1.4rem}.form-btn{padding:1rem}.input{padding:.6rem 1.8rem}.form-title{padding:.4rem}.fullHeight{height:100svh;overflow:hidden}.logoBig{height:70%}.toTheLeftHome{width:100%;align-items:center;padding-top:1rem;gap:2rem}.toTheRightHome{width:50%;padding-left:2rem}.mockup{width:70%}.blob{width:40%}.button{margin-top:2rem}.header{flex-direction:row;width:80%;justify-content:space-between;position:relative;margin-top:4rem}nav{position:fixed;z-index:1000;padding-bottom:0;top:0;left:0;right:0}.nav-cont{width:80%;padding-top:2rem}.page{width:80%;height:100vh}.projectPage{width:80%}.topOfpage{padding-top:3rem}.smallerGtext{margin-bottom:2rem}.smallerWtext{line-height:1.7}.fullHeight{justify-content:center}.biggestWtext{width:80%}.card{padding:2rem}}@media (min-width: 850px){.mockup{width:60%}.menu{display:none}.links{display:flex}.homeBlur{height:35svh;transform:translate(-50%,-50%)}.logo{width:2rem;height:2rem}.cardRows{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:2.5rem}.cardLeft{width:80%}.cardRight{width:20%;display:flex;justify-content:center;align-items:center;position:relative}.miniMock{width:100%}.miniBlur{width:10%}}@media (min-width: 990px){.fake{display:none}.form{padding-bottom:2rem}.whatsapp{margin-bottom:10rem}.row{gap:.6rem}.number{padding:1rem}.glowCircle{top:17%}.to-left-top{row-gap:1.4rem}.form-btn{padding:1rem}.input{padding:.6rem 1.8rem}.form-title{padding:.4rem}.fullHeight{height:100svh;overflow:hidden}.logoBig{height:85%}.toTheLeftHome{padding-top:1rem;gap:2rem}.toTheRightHome{width:50%;padding-left:2rem}.mockup{width:50%}.blob{width:40%}.button{margin-top:2rem}.header{flex-direction:row;width:80%;justify-content:space-between;position:relative;margin-top:4rem}nav{position:fixed;z-index:1000;padding-bottom:0;top:0;left:0;right:0}.nav-cont{width:80%;padding-top:2rem}.page{width:80%;height:100vh}.projectPage{width:80%}.topOfpage{padding-top:3rem}.smallerGtext{margin-bottom:2rem}.smallerWtext{line-height:1.7}.fullHeight{justify-content:center}.biggestWtext{width:80%}.card{padding:2rem}}@media (min-width: 770px){.top-footer{width:100%;display:flex;justify-content:space-between}.right-footer,.left-footer{width:40%;display:flex;flex-direction:column;justify-content:space-between}.middle-footer{width:20%}.links-for-footer{flex-direction:column;height:100%;justify-content:space-between;padding-bottom:2rem}.quick-links{height:100%}.bottom-footer{padding-top:3rem}.footer{margin-top:7rem;padding:7rem 1rem}.long{width:100%}}@media (min-width: 1150px){.test-cont{margin-top:3rem;gap:4rem}.header,.nav-cont,.page,.projectPage{width:70%}}@media (min-width: 1350px){.logo{width:2.5rem;height:2.5rem}.user{width:3.5rem;height:3.5rem}.test-cont{margin-top:3.1rem}.glowCircle{top:15%}.BigGlowCircle{top:5%}.form{padding-bottom:3rem}}