:root {
	--background: oklch(98.5% .005 250);
	--foreground: oklch(18% .04 250);
	--accent-brand: oklch(55.2% .239 261.063);
	--border: oklch(90% .015 250);
}


.uth-progress{
    width:100%;
    height:12px;
    background:#e5e7eb;
    border-radius:999px;
    overflow:hidden;
    margin-bottom:30px;
    display:block !important;
}

.uth-progress-bar{
    height:100%;
    display:block !important;
}


.uth-progress-text{
    text-align:center;
    margin-bottom:30px;
    color:#64748b;
}

.uth-question{
    text-align:center;
}

.uth-question h2{
    font-size:48px;
	font-weight: 700;
    margin-bottom:40px;
}

.uth-cards{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap:16px;
    max-width:600px;
    margin:0 auto;
}

.uth-card{
    height:64px;
    border:1px solid #dbe2ea;
    border-radius:16px;
    background:#fff;
    cursor:pointer;
    font-size:18px;
    transition:.2s;
}

.uth-card:hover{
    transform:translateY(-2px);
}

.uth-actions{
    margin-top:30px;
    display:flex;
    gap:12px;
    justify-content:center;
}

.uth-back,
.uth-next{
    min-width:140px;
    height:50px;
}

.uth-progress-bar{
    background:#2563eb;
}