:root{--green:#00df9a;--grey:#6b7280}*,:after,:before{border:none;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{margin:auto;max-width:1200px;padding:20px}.bg-black{background-color:#000;color:#fff}.btn{border-radius:5px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 60px;&.green{background-color:#00df9a;background-color:var(--green);color:#000}&.black{background-color:#000;color:#00df9a;color:var(--green)}}.logo{color:#00df9a;color:var(--green);display:inline-block;font-size:2.1rem;font-weight:700}header{padding:10px 0;& .container{align-items:center;display:flex;justify-content:space-between}}nav ul{display:flex;gap:25px}.hamburger{background:#000;color:#fff;cursor:pointer;font-size:2rem;transition:color .3s,-webkit-transform .3s;transition:color .3s,transform .3s;transition:color .3s,transform .3s,-webkit-transform .3s;&:hover{color:#ccc;-webkit-transform:scale(1.1);transform:scale(1.1)}}.sidebar{background-color:#000;color:#fff;height:100vh;left:-50vw;position:fixed;top:0;transition:left .3s ease;width:50vw;z-index:10;&.show{left:0}& .logo,& li{padding:15px}& ul{display:flex;flex-direction:column;gap:25px}& li:not(:last-child){border-bottom:1px solid #6b7280;border-bottom:1px solid var(--grey)}}.hero{padding:80px 0 190px;text-align:center;& .container{max-width:850px}& h5{color:#00df9a;color:var(--green);font-size:16px}& h1,& h5{margin-bottom:30px}& h1{font-size:70px}& h2{font-size:45px;margin-bottom:20px}& h4{color:#6b7280;color:var(--grey);font-size:23px;margin-bottom:25px}@media (max-width:767px){&{padding:80px 0 235px;& h1,& h5{margin-bottom:0}& h1{font-size:60px}& h2{font-size:35px}}}}.dashboard{padding:40px 0;& .container{align-items:center;display:flex}& img{width:90%}& h4{color:#00df9a;color:var(--green);font-size:16px}& h2,& h4{margin-bottom:15px}& h2{font-size:35px}& p{margin-bottom:20px}@media (max-width:767px){&{padding:60px 0;& .container{flex-direction:column}& img{display:block;margin:auto;width:70%}& h2,& h4{margin-bottom:5px}& button{display:block;margin:auto}}}}.newsletter{padding:70px 0;& h2{font-size:35px;margin-bottom:15px}& .container{display:flex}& .left{flex-basis:75%}& form{display:flex;gap:15px;justify-content:space-between;margin-bottom:25px;& input{border-radius:5px;padding:5px;width:100%}& button{flex-shrink:0;padding:15px;text-align:center;width:150px}}& span.green{color:#00df9a;color:var(--green)}@media (max-width:1023px){&{& .container{flex-direction:column;gap:50px}}}}.trials{padding:100px 0 70px;& .container{align-items:center;display:flex;gap:35px}& .card{border-radius:10px;box-shadow:0 9px 10px -7px rgba(0,0,0,.2);padding:60px 30px 45px;position:relative;text-align:center;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%;&:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}& img{left:51%;position:absolute;top:-12%;-webkit-transform:translate(-50%,12%);transform:translate(-50%,12%);width:85px}& h3{font-size:25px}& .price,& h3{margin-bottom:20px}& .price{font-size:35px;font-weight:700}& .features{margin-bottom:25px}& .feature{border-bottom:1px solid #6b728026;font-weight:700;padding:10px}}.double{background-color:#f3f4f6;padding-bottom:60px}@media (max-width:767px){&{& .container{flex-direction:column;gap:70px;padding:45px}}}}.footer{color:#d1d5db;padding:80px 0;& .container{display:flex;gap:45px}& .left{flex-basis:31%;& .logo{margin-bottom:20PX}& .description{margin-bottom:30px}& .social{display:grid;font-size:30px;grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}}& .right{display:grid;flex-grow:1;grid-template-columns:repeat(4,auto);margin-top:30PX;width:auto;& li{font-size:14px;margin-bottom:12px;&.title{font-size:16px;font-weight:600}}}@media (max-width:1023px){&{padding:30px 0 80px;& .container{display:block}& .left{margin-bottom:80px}}}}
/*# sourceMappingURL=main.cb03cbcb.css.map*/