*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--background: #17101e;--white: #ffffff;--gray: #a39e9e;--purple: linear-gradient( 90deg, rgba(172, 47, 255, 1) 0%, rgba(139, 31, 232, 1) 100% );--purpleRGB: rgba(172, 47, 255, 1)}html{scroll-behavior:smooth}body{background-color:var(--background)}.space{display:flex;flex-direction:column;gap:4rem;width:90%;max-width:30rem}.row{display:flex;gap:1rem;align-items:center}.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,2vw,3.2rem);font-weight:700;line-height:1.5}.smallerWtext{font-size:clamp(1rem,1.3vw,2rem);line-height:1.4}.grayText{font-size:clamp(1rem,1.2vw,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}nav{display:flex;flex-direction:row;justify-content:center;padding-bottom:1rem;margin-bottom:2rem;background-color:#17101eb3;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:3rem;display:none}.logo{width:2rem;height:2rem}.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:#ac2fff 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)}.logoAndName{display:flex;align-items:center;height:fit-content;padding:0}.logoBig{display:block;height:2rem}.fullHeight{display:flex;flex-direction:column;justify-content:space-between}.header{display:flex;flex-direction:column;width:100%;margin:0 auto;row-gap:2rem}.toTheLeftHome{display:flex;flex-direction:column;row-gap:.8rem;justify-content:center;align-items:center;width:90%;margin:0 auto;text-align:center}.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;cursor:pointer;transition:all .3s ease}.label:hover{transform:translateY(-3px)}.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);border-radius:50%;z-index:50;position:absolute;filter:blur(2.2rem);box-shadow:0 0 150px 50px #ac2fffbf;-webkit-box-shadow:0px 0px 150px 50px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 150px 50px rgba(172,47,255,.75)}.cardBlob{width:20%;aspect-ratio:1;background-color:var(--purpleRGB);border-radius:50%;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 150px 50px #ac2fffbf;-webkit-box-shadow:0px 0px 150px 50px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 150px 50px rgba(172,47,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 2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:fit-content;margin-top:1.2rem;box-shadow:0 0 20px #ac2fffbf;-webkit-box-shadow:0px 0px 20px 0px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 20px 0px rgba(172,47,255,.75);transition:all .3s ease}.button:hover{transform:translateY(-3px);box-shadow:0 0 30px #ac2fffbf;-webkit-box-shadow:0px 0px 30px 0px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 30px 0px rgba(172,47,255,.75)}.arrow{font-size:clamp(1rem,1.5vw,2rem);padding-left:.3rem;font-weight:700}.card-cont,.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 3rem;background-color:var(--background);z-index:10;border-top:solid 2px #ac2fff;transition:all .3s ease}.card:hover{transform:translateY(-5px)}.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:1.5rem;margin-top:1rem;box-shadow:0 0 30px #ac2fffbf;-webkit-box-shadow:0px 0px 30px 0px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 30px 0px rgba(172,47,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 1.4rem;transition:all .3s ease}select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 20px center;background-size:16px;padding-right:40px}.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,1.2vw,1.7rem);width:100%;box-shadow:0 0 20px #ac2fffbf;-webkit-box-shadow:0px 0px 20px 0px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 20px 0px rgba(172,47,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 #ac2fffbf;-webkit-box-shadow:0px 0px 30px 0px rgba(172,47,255,.75);-moz-box-shadow:0px 0px 30px 0px rgba(172,47,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}.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:90%;max-width:30rem;margin:0 auto;padding-bottom:2rem}.credit{padding-bottom:1.2rem}@media (min-width: 560px){.card-cont,.two-cards,.test-cont{grid-template-columns:1fr 1fr;margin-top:1.5rem;gap:3rem}}@media (min-width: 650px){.menu{display:none}.links{display:flex}.logo{width:2.5rem;height:2.5rem}.user{width:2.8rem;height:2.8rem}.fake{display:none}.form{padding-bottom:2rem}.whatsapp{margin-bottom:10rem}.card-cont{grid-template-columns:1fr 1fr 1fr}.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:50%;text-align:left;align-items:start;padding-top:1rem;gap:2rem}.toTheRightHome{width:50%;padding-left:2rem}.mockup{width:70%}.blob{width:40%}.button{margin-top:2rem;padding:.5rem 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 2rem 3rem}}@media (min-width: 850px){.mockup{width:60%}}@media (min-width: 990px){.fake{display:none}.form{padding-bottom:2rem}.whatsapp{margin-bottom:10rem}.card-cont{grid-template-columns:1fr 1fr 1fr}.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:50%;text-align:left;align-items:start;padding-top:1rem;gap:2rem}.toTheRightHome{width:50%;padding-left:2rem}.mockup{width:50%}.blob{width:40%}.button{margin-top:2rem;padding:.5rem 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 2rem 3rem}}@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:4rem;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:3rem;height:3rem}.user{width:3.5rem;height:3.5rem}.test-cont{margin-top:3.1rem}.glowCircle{top:15%}.BigGlowCircle{top:5%}.form{padding-bottom:3rem}}