.utl-lg-section { padding-bottom: 80px; }

.utl-lg-wizard { padding: 32px; border-radius: 16px; border: 1px solid #EBEBEB; }
@media (max-width: 575.98px) { .utl-lg-wizard { padding: 20px; } }

/* Stepper */
.utl-lg-steps { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 32px; }
.utl-lg-steps li { flex: 1; display: flex; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 3px solid #EBEBEB; color: #6c757d; font-weight: 500; }
.utl-lg-steps .num { width: 28px; height: 28px; border-radius: 50%; background: #F1F1F1; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.utl-lg-steps li.is-active { border-color: #E2643E; color: #1F1F1F; }
.utl-lg-steps li.is-active .num, .utl-lg-steps li.is-done .num { background: #E2643E; color: #fff; }
.utl-lg-steps li.is-done { border-color: #E2643E; }
@media (max-width: 575.98px) { .utl-lg-steps .label { display: none; } }

/* Selectable cards */
.utl-lg-option { width: 100%; height: 100%; text-align: left; background: #fff; border: 1px solid #E2E2E2; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 4px; transition: border-color .15s, box-shadow .15s, background .15s; }
.utl-lg-option:hover { border-color: #E2643E; box-shadow: 0 6px 20px rgba(226, 100, 62, .12); }
.utl-lg-option.is-selected { border-color: #E2643E; background: #FCEDE5; }
.utl-lg-option .flag { width: 32px; height: 24px; object-fit: cover; border-radius: 4px; margin-bottom: 6px; }
.utl-lg-option .icon { font-size: 22px; color: #E2643E; margin-bottom: 6px; }
.utl-lg-option .name { font-weight: 600; color: #1F1F1F; }
.utl-lg-option .sub { font-size: 13px; color: #6c757d; }

/* Result */
.utl-lg-terminal { background: #14161A; color: #D7DAE0; border-radius: 12px; padding: 20px; margin: 0; min-height: 220px; max-height: 480px; overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.5; white-space: pre; }
.utl-lg-status { font-weight: 500; padding: 8px 14px; border-radius: 100px; background: #F1F1F1; color: #1F1F1F; }
.utl-lg-status.is-running { background: #FCEDE5; color: #E2643E; }
.utl-lg-status.is-success { background: #DDF5EC; color: #00B37E; }
.utl-lg-status.is-failed { background: #FBE4E4; color: #E53F3F; }

/* Registration CTA */
.utl-lg-cta { margin-top: 32px; padding: 36px; border-radius: 24px; background: #FCEDE5; }
.utl-lg-cta .title { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
@media (max-width: 575.98px) { .utl-lg-cta { padding: 24px; } }
