:root{--accent: 124, 58, 237;--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);--primary: #ffcb01;--primary-accent: #ffcc0188;--black: #000000;--dark: #262626}html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{font-family:system-ui,sans-serif;font-size:1.6rem;line-height:1.8}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}img{max-width:100%;display:block}button{all:unset}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:120rem;margin:0 auto;width:90%}.container-small{max-width:100rem;margin:0 auto;width:90%}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.gap{gap:2rem}.gap-2{gap:4rem}.flex-1{flex:1}button.btn,label.btn,a.btn{padding:1rem 2rem;cursor:pointer;transition:all .2s ease,color .2s ease;text-align:center;text-transform:uppercase}.btn-dark{background-color:var(--dark);border:2px solid var(--dark);color:#fff}.btn-dark:hover{background-color:transparent;color:var(--dark)}.btn-primary{background-color:var(--primary);border:2px solid var(--primary);color:#000}.btn-primary:hover{background-color:var(--primary-accent)}.heading-2{font-size:3.2rem;font-weight:700;text-align:center;text-transform:uppercase}@media screen and (min-width: 960px){.heading-2{font-size:4rem}}.subtitle{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:4rem}