:root{--clr-dark: #070a13;--clr-light: #f1f5f9;--clr-slate400: #94a3b8;--clr-slate600: #475569;--clr-slate800: #1e293b;--clr-rose: #e11d48;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}.light-mode{--clr-light: #070a13;--clr-dark: #f1f5f9;--clr-slate400: #1e293b;--clr-slate600: #1e293b;--clr-slate800: #1e293b}body{font-family:General Sans,sans-serif;background-color:var(--clr-dark);color:var(--clr-light)}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}a{color:var(--clr-rose)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 #0000}body::-webkit-scrollbar-thumb{background-color:var(--clr-rose);outline:1px solid var(--clr-rose)}.header{display:flex;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:.5rem}.header__title{font-size:var(--size-3xl);color:var(--clr-slate300);font-weight:600}.header__subtitle{display:flex;justify-content:center;align-items:center;font-size:var(--size-xs);text-decoration:none;font-weight:600;color:var(--clr-rose);letter-spacing:-.05em;transition:color .3s}@media (min-width: 768px){.header__title{font-size:var(--size-3xl);color:var(--clr-slate300);font-weight:600}.header__subtitle{font-size:var(--size-xs);font-weight:600;color:var(--clr-rose);letter-spacing:-.05em;transition:color .3s}}@media (min-width: 1024px){.header__title{font-size:var(--size-6xl)}.header__subtitle{font-size:var(--size-sm)}}.mainsection__container{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1rem;margin:1rem}.mainsection__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 2rem}.mainsection__h1{color:var(--clr-light);font-size:var(--size-xl)}.mainsection__img{position:relative}.mainsection__p{max-width:60ch;font-size:var(--size-sm);color:var(--clr-slate400);margin:1rem auto}.mainsection__btn .btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-rose);color:#f1f5f9;padding:.5em 1em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.contact__title{font-size:var(--size-2xl);color:var(--clr-light);text-transform:capitalize}.contact__description{font-size:var(--size-sm);color:var(--clr-slate600);max-width:60ch}.contact__btn{font-size:var(--size-sm);background-color:var(--clr-indigo)}@media (min-width: 475px){.contact{gap:1.5rem}.contact__title{font-size:var(--size-3xl)}.contact__description,.contact__btn{font-size:var(--size-base)}}@media (min-width: 1024px){.contact__title{font-size:var(--size-4xl)}.contact__description,.contact__btn{font-size:var(--size-lg)}}@media (min-width: 1280px){.contact{gap:2rem}.contact__title{font-size:var(--size-5xl)}.contact__description,.contact__btn{font-size:var(--size-xl)}}.footer__title{font-size:var(--size-xs);font-weight:400;color:var(--clr-slate600);text-align:center;text-transform:uppercase;letter-spacing:.2em;-webkit-user-select:none;user-select:none}.btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-rose);color:#f1f5f9;padding:.5em 1em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #e11d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.section{margin-top:2rem}.loading{filter:blur(40px) grayscale(100%)}.loaded{filter:blur(0) grayscale(0);transition:.7s ease-in-out}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}.section{margin-top:3rem}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}