*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:700;line-height:1.2}p{margin-bottom:16px}a{color:#1e88e5;text-decoration:none;transition:color .2s ease}a:hover{color:#166dba}ul,ol{list-style:none}h1{font-size:32px;margin-bottom:24px}@media (min-width: 768px){h1{font-size:42px}}@media (min-width: 992px){h1{font-size:48px}}h2{font-size:24px;margin-bottom:16px}@media (min-width: 768px){h2{font-size:32px}}h3{font-size:18px;margin-bottom:16px}@media (min-width: 768px){h3{font-size:24px}}h4{font-size:16px;font-weight:600;margin-bottom:8px}@media (min-width: 768px){h4{font-size:18px}}.section-title{text-align:center;margin-bottom:32px}.section-title h2{margin-bottom:8px}.section-title p{max-width:600px;margin-left:auto;margin-right:auto;color:#333333b3}.text-center{text-align:center}.btn{display:inline-block;padding:8px 24px;border-radius:8px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:16px}.btn--primary{background-color:#1e88e5;color:#fff;border:none}.btn--primary:hover{background-color:#166dba;color:#fff}.btn--secondary{background-color:#ff8a65;color:#fff;border:none}.btn--secondary:hover{color:#fff}.btn--outline{background-color:transparent;color:#1e88e5;border:2px solid #1e88e5}.btn--outline:hover{background-color:#1e88e5;color:#fff}.btn--large{padding:16px 32px;font-size:18px}.btn--small{padding:4px 16px;font-size:14px}.card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease;height:100%}.card:hover{transform:translateY(-5px)}.card__image{width:100%;height:200px;object-fit:cover}@media (min-width: 768px){.card__image{height:250px}}.card__content{padding:24px}.card__title{font-size:18px;font-weight:600;margin-bottom:8px}.card__description{color:#333333b3;margin-bottom:16px}.card__price{font-size:18px;font-weight:700;color:#43a047;margin-bottom:16px}.card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:16px}.nav__list{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}@media (min-width: 768px){.nav__list{gap:24px}}@media (max-width: 768px){.nav__list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;position:fixed;top:0;right:-300px;width:280px;height:100vh;background-color:#fff;padding:32px 24px;z-index:1030;transition:right .3s ease;box-shadow:-5px 0 15px #0000001a}.nav__list.active{right:0}}.nav__item{margin:0}@media (max-width: 768px){.nav__item{width:100%;margin-bottom:16px}}.nav__link{color:#212121;font-weight:500;padding:4px 8px;transition:color .2s ease}.nav__link:hover,.nav__link.active{color:#1e88e5}@media (max-width: 768px){.nav__link{display:block;padding:8px 0}}.nav__toggle{display:none;cursor:pointer}@media (max-width: 768px){.nav__toggle{display:block}}.nav__toggle-bar{display:block;width:25px;height:3px;margin:5px 0;background-color:#212121;border-radius:4px;transition:all .2s ease}.nav__toggle.active .nav__toggle-bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav__toggle.active .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle.active .nav__toggle-bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1040}.nav__overlay.active{display:block}.header{position:fixed;top:0;left:0;right:0;background-color:#fff;padding:16px 0;z-index:1020;box-shadow:0 2px 10px #0000001a;transition:padding .3s ease}.header.scrolled{padding:8px 0}.header__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (min-width: 768px){.header__container{padding-left:32px;padding-right:32px}}.header__logo{font-size:18px;font-weight:700;color:#1e88e5;text-decoration:none}@media (min-width: 768px){.header__logo{font-size:24px}}.footer{background-color:#263238;color:#fff;padding:32px 0}.footer__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (min-width: 768px){.footer__container{padding-left:32px;padding-right:32px}}.footer__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;margin-top:0}@media (min-width: 768px){.footer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:0}}@media (min-width: 992px){.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:15px}}.footer__column{margin-bottom:24px}@media (min-width: 992px){.footer__column{margin-bottom:0}}.footer__title{font-size:18px;font-weight:600;margin-bottom:24px;color:#fff}.footer__logo{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.footer__description{color:#ffffffb3;margin-bottom:24px}.footer__list{margin:0;padding:0;list-style:none}.footer__item{margin-bottom:8px}.footer__link{color:#ffffffb3;transition:color .2s ease}.footer__link:hover{color:#fff}.footer__form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin-top:16px}.footer__form input{padding:8px 16px;border-radius:8px;border:none;margin-bottom:8px}.footer__social{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.footer__social a{color:#fff;text-decoration:none;transition:transform .2s ease}.footer__social a:hover{transform:translateY(-3px)}.footer__bottom{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffff80;font-size:14px}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (min-width: 768px){.container{padding-left:32px;padding-right:32px}}.hero{height:100vh;min-height:600px;background-image:linear-gradient(to bottom,#00000080,#000000b3),url(/images/hero-bg.svg);background-size:cover;background-position:center;color:#fff;position:relative}.hero__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;height:100%;padding-top:80px}@media (min-width: 768px){.hero__container{padding-left:32px;padding-right:32px}}.hero__content{max-width:600px;margin-bottom:48px}@media (min-width: 768px){.hero__content{margin-bottom:0}}.hero__title{font-size:32px;margin-bottom:24px}@media (min-width: 768px){.hero__title{font-size:42px}}@media (min-width: 992px){.hero__title{font-size:56px}}.hero__subtitle{font-size:18px;margin-bottom:32px;opacity:.9}@media (min-width: 768px){.hero__subtitle{font-size:24px}}.hero__cta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:16px}.featured{padding:48px 0;background-color:#fff}.featured__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;margin-top:32px}@media (min-width: 768px){.featured__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:0}}@media (min-width: 992px){.featured__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:0}}.testimonials{padding:48px 0;background-color:#f5f5f5}.testimonials__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;margin-top:32px}@media (min-width: 768px){.testimonials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:0}}@media (min-width: 992px){.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:0}}.testimonials__item{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 15px #0000000d}.testimonials__quote{font-style:italic;margin-bottom:24px;color:#333c}.testimonials__author{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:16px}.testimonials__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonials__name{font-weight:600}.testimonials__location{font-size:14px;color:#3339}.newsletter{padding:48px 0;background-color:#1e88e5;color:#fff}.newsletter__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;text-align:center}@media (min-width: 768px){.newsletter__container{padding-left:32px;padding-right:32px}}.newsletter__title{margin-bottom:16px}.newsletter__description{max-width:600px;margin:0 auto 32px;opacity:.9}.newsletter__form{display:flex;flex-direction:column;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:500px;margin:0 auto}@media (min-width: 768px){.newsletter__form{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap}}.newsletter__form input{flex:1;padding:16px;border:none;border-radius:8px;margin-bottom:16px}@media (min-width: 768px){.newsletter__form input{margin-bottom:0;border-top-right-radius:0;border-bottom-right-radius:0}}.newsletter__form button{padding:16px 32px;background-color:#ff8a65;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}@media (min-width: 768px){.newsletter__form button{border-top-left-radius:0;border-bottom-left-radius:0}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}