*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font:inherit}img,svg{max-width:100%;display:block}html{scroll-behavior:smooth}html{font-family:Noto Sans,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;color:#1f343e}@media (min-width: 1000px){html{font-size:1.25rem}}h1,h2{font-family:Caveat Brush,cursive;font-size:2rem;line-height:3rem}h2{line-height:1.75rem}@media (min-width: 1000px){h1{font-size:2.4rem;line-height:3.5rem}h2{font-size:1.6rem}}h3{font-weight:700;color:#4eb3e3}h4{font-weight:700;line-height:1.5rem;letter-spacing:.08rem}ul{list-style:none}a{color:#1f343e;text-decoration:none}a:hover,a:focus,a:active{color:#4eb3e3}a:focus,a:active{outline:2px solid #F8CC5D}.appstore--link{color:#fff}@media (min-width: 1000px){.appstore--link{font-size:.8rem;line-height:1.25rem}}strong{font-size:1.25rem;font-weight:700}@media (min-width: 1000px){strong{font-size:1rem}}input{line-height:1.25rem;color:#45565e;font-size:1rem}.error--message{color:#e34c4c;font-size:.8rem}.card--confirmed__email{font-weight:700}@media (min-width: 1000px){.card--confirmed__email{font-size:.8rem}}.card--limits,.footer--copyright{color:#6d7a80}@media (min-width: 1000px){.card--limits,.footer--copyright{font-size:.8rem}}@media (min-width: 1000px){footer p,footer a{font-size:.8rem}}button{cursor:pointer;border:none;background-color:transparent}button:hover,button:active,button:focus{background-color:#f8cc5d;color:#1f343e}button:active{transform:scale(.95)}.card--button{background-color:#4eb3e3;padding:1em 0;font-weight:700;color:#fff;line-height:1rem;outline:1px solid #1F343E;border-radius:8px}.navbar{width:50%}.navbar ul{display:flex;justify-content:flex-end;align-items:center}.navbar li{margin-left:auto}.toggleNavbar{display:none}@media (max-width: 1000px){.navbar{display:block;position:fixed;top:56px;left:0;width:100%;height:100%;z-index:-100;background-color:#fff;transform:translateY(-100%);transition:all .3s ease-in-out}.navbar.show-navbar{transform:translateY(0)}.navbar ul{display:block;border-bottom:1px solid #1F343E;padding:1.3em 1em}.navbar li{padding:.6em 0}.toggleNavbar{display:flex}}html,body,#root,#root>div{height:100%}.container{display:flex;min-width:350px;margin:0 auto}@media (min-width: 1000px){.container{max-width:1120px}}header{background-color:#fff;position:sticky;top:0;z-index:100}header .container{padding:.75em 1em;justify-content:space-between;align-items:center}@media (min-width: 1000px){header .container{padding:1.2em 1em}}main{background-color:#f8cc5d;border-top:1px solid #1F343E}main>.container{flex-direction:column;gap:3em;padding:2em 1em 3em}@media (min-width: 1000px){main>.container{flex-direction:row;gap:6rem;padding:3.5em 1em}}.card{background-color:#f8f4f9;min-height:540px;padding:2em 1em;border-radius:1em;border:1px solid black;display:flex;flex-direction:column}@media (min-width: 1000px){.card{max-width:544px;min-height:790px;padding:64px}}.card--title,.card--description{margin-bottom:1.5rem}.card--confirmed__email{display:flex;align-items:center;margin-bottom:1rem}.card--confirmed__email img{width:24px}@media (min-width: 1000px){.card--confirmed__email img{width:32px}}.card--confirmed__email span{margin-left:1rem}.card form{display:flex;flex-direction:column;gap:1rem}.card--email__field{display:flex;align-items:center;padding:1em;border:1px solid #1F343E;background-color:#fff;border-radius:8px}.card--email__field input{border:none;background-color:transparent;margin-left:1rem;width:100%}.card .referral--container{display:flex;border:1px solid #1F343E;border-radius:8px}.card .referral--container input{padding:1em 1em .9em;border:none;border-radius:8px 0 0 8px;width:100%}.card .referral--container .button--copy{padding:1em 1em .9em;border-radius:0 8px 8px 0}.card--limits{margin-top:auto}.steps--section{align-self:center}.steps--section .container{flex-direction:column;gap:3em}@media (min-width: 1000px){.steps--section .container{padding:0}}.steps--section--step{display:flex;flex-direction:column;align-items:center;gap:2em}@media (min-width: 1000px){.steps--section--step{flex-direction:row}.steps--section--step:nth-child(even){flex-direction:row-reverse}}.steps--section--step .step--text{display:flex;flex-direction:column;gap:1em;text-align:center}@media (min-width: 1000px){.steps--section--step .step--text{text-align:left}}.app--section{background-color:#45565e;color:#fff}.app--section .container{flex-flow:wrap;justify-content:center;padding:2em;gap:1em}@media (min-width: 1000px){.app--section .container{padding:2em 1em;justify-content:flex-start}}.app--section--card{min-width:300px;display:flex;padding:1em 1.5em;align-items:center;gap:1em;border:1px solid #1F343E;border-radius:16px}.app--section--card img{width:56px}.app--section--card div{display:flex;flex-direction:column;justify-content:space-between}.app--section--reviews{margin-top:.5em;display:flex;align-items:center;gap:1em}.app--section--reviews .star--rating--logo{width:100px}footer{background-color:#f8f4f9}footer .container{flex-direction:column;align-items:flex-start;padding:3em 2em;gap:2em;position:relative}@media (min-width: 1000px){footer .container{flex-direction:row;justify-content:space-between;padding:3em 1em}footer .container .bio{width:50%}footer .container .footer--copyright{align-self:end;position:absolute}}footer .ratepunk--logo{margin-bottom:2em}@media (min-width: 1000px){footer .ratepunk--logo{margin-bottom:1.6em}}footer p{margin-bottom:1em}footer h4{margin-bottom:1.4rem}@media (min-width: 1000px){footer h4{margin-bottom:1.2em}}footer ul{display:flex;flex-direction:column;gap:1em}@media (min-width: 1000px){footer ul{justify-content:space-between}}footer .contact a{display:flex;align-items:center;gap:1em;margin-bottom:2em}footer .social--list{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}@media (min-width: 1000px){footer .social--list{gap:8px}}footer .social--link{display:flex;justify-content:center;align-items:center;height:30px;width:30px;background-color:#4eb3e3;border:1px solid #1F343E;border-radius:25%}
