body{background:#f3f4f6;margin:0;font-family:Inter,sans-serif}.wrapper{justify-content:center;align-items:center;height:100vh;display:flex}.card{text-align:center;background:#fff;border-radius:20px;width:420px;padding:30px;box-shadow:0 15px 40px #00000014}.fade{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar{border-radius:50%;width:90px;margin-bottom:15px}.title-lg{color:#111827;font-size:26px;font-weight:700}.subtitle{color:#6b7280;margin-top:10px;font-size:15px;line-height:1.6}.question-lg{margin:20px 0;font-size:20px;font-weight:600}.progress-top{color:#6b7280;justify-content:space-between;font-size:12px;display:flex}.progress-bar{background:#e5e7eb;border-radius:10px;height:6px;margin:10px 0 20px}.progress-fill{background:#c8a96a;border-radius:10px;height:100%}.btn-row{gap:10px;display:flex}.btn-answer{color:#c8a96a;cursor:pointer;background:#fff;border:2px solid #c8a96a;border-radius:12px;flex:1;padding:14px;font-weight:600;transition:all .2s}.btn-answer:hover{color:#fff;background:#c8a96a;transform:scale(1.03)}.btn-main{color:#fff;cursor:pointer;background:#c8a96a;border:none;border-radius:12px;width:100%;margin-top:15px;padding:14px;font-weight:700;transition:all .2s}.btn-main:hover{background:#f5b77d;transform:scale(1.03)}.btn-outline{color:#c8a96a;cursor:pointer;background:0 0;border:2px solid #c8a96a;border-radius:12px;width:100%;margin-top:20px;padding:14px;font-weight:700}.btn-outline:hover{color:#fff;background:#c8a96a}.input-pro{border:1px solid #ddd;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:15px;transition:all .2s}.input-pro:focus{border-color:#c8a96a;outline:none;box-shadow:0 0 0 2px #ef444433}.highlight{background:#ecfdf5;border:2px solid #22c55e;border-radius:12px;margin:20px 0;padding:15px}