*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:"Plus Jakarta Sans",sans-serif;

background:var(--bg);

color:var(--text);

line-height:1.5;

}

img{

display:block;

max-width:100%;

}

button{

font-family:inherit;

}

.container{

width:min(
100% - 32px,
var(--container)
);

margin:auto;

}

.card{

background:var(--card);

border:2px solid var(--border);

border-radius:var(--radius);

box-shadow:var(--shadow);

padding:24px;

}

.btn{

height:48px;

padding:0 22px;

border:2px solid var(--border);

border-radius:var(--radius);

font-weight:700;

cursor:pointer;

transition:var(--transition);

}

.btn-primary{

background:var(--primary);

color:#fff;

}

.btn-primary:hover{

background:var(--primary-dark);

}

.btn-outline{

background:#fff;

color:var(--text);

}

.btn-outline:hover{

background:var(--primary);

color:#fff;

}

.input{

width:100%;

height:48px;

padding:0 16px;

border:2px solid var(--border);

border-radius:var(--radius);

font-size:15px;

background:#fff;

}

.input:focus{

outline:none;

border-color:var(--primary);

}

.label{

display:block;

margin-bottom:8px;

font-weight:600;

}

.section-title{

font-size:30px;

font-weight:800;

margin-bottom:24px;

}

.page{

padding-top:96px;

padding-bottom:48px;

}

h1,
h2,
h3,
h4,
h5,
h6{

font-family:"Space Grotesk",sans-serif;

font-weight:700;

letter-spacing:-0.02em;

}

.pixel-title{

font-family:"Press Start 2P",cursive;

line-height:1.5;

}