.sgqa {
    --sgqa-navy: #071d35;
    --sgqa-panel: rgba(10, 36, 62, .92);
    --sgqa-soft: #dbe9f2;
    --sgqa-muted: #9fb3c5;
    --sgqa-orange: #f59b38;
    position: relative;
    width: min(100%, 680px);
    margin: 32px auto;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 26px;
    color: #fff;
    background: linear-gradient(145deg, rgba(7,29,53,.98), rgba(11,45,73,.94));
    box-shadow: 0 24px 70px rgba(2,17,32,.24);
    font-family: inherit;
}
.sgqa * { box-sizing: border-box; }
.sgqa__content { position: relative; z-index: 2; padding: clamp(24px, 5vw, 48px); }
.sgqa__glow { position: absolute; width: 250px; height: 250px; border-radius: 50%; filter: blur(20px); opacity: .16; }
.sgqa__glow--one { top: -140px; right: -80px; background: #7fd7ff; }
.sgqa__glow--two { bottom: -180px; left: -90px; background: var(--sgqa-orange); }
.sgqa__header { text-align: center; margin-bottom: 26px; }
.sgqa__eyebrow { display: inline-flex; padding: 7px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.07); color: #d7edf8; font-size: 13px; }
.sgqa__header h2 { margin: 14px 0 8px; color: #fff; font-size: clamp(25px, 5vw, 36px); line-height: 1.35; }
.sgqa__header p { max-width: 540px; margin: 0 auto; color: var(--sgqa-muted); line-height: 1.8; }
.sgqa__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 0 0 26px; padding: 5px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(2,17,32,.27); }
.sgqa__tabs button { min-height: 44px; padding: 9px 12px; border: 0; border-radius: 11px; cursor: pointer; background: transparent; color: #91aabd; font: inherit; font-size: 13px; font-weight: 700; transition: .2s ease; }
.sgqa__tabs button.is-active { background: rgba(245,155,56,.16); color: #ffd6a5; box-shadow: inset 0 0 0 1px rgba(245,155,56,.22), 0 5px 18px rgba(0,0,0,.1); }
.sgqa__tabs button:hover:not(.is-active) { background: rgba(255,255,255,.075); color: #f0f7fb; }
.sgqa__steps { display: flex; align-items: center; justify-content: center; margin: 0 0 28px; color: #7790a6; font-size: 12px; }
.sgqa__steps span { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.sgqa__steps b { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.sgqa__steps i { width: 42px; height: 1px; margin: 0 8px; background: rgba(255,255,255,.13); }
.sgqa__steps .is-active { color: #fff; }
.sgqa__steps .is-active b { border-color: var(--sgqa-orange); background: var(--sgqa-orange); color: #172536; }
.sgqa__steps .is-complete { color: #b9d7c7; }
.sgqa__steps .is-complete b { border-color: #68c195; color: #68c195; }
.sgqa__panel { animation: sgqa-in .28s ease both; }
.sgqa__panel[hidden] { display: none !important; }
@keyframes sgqa-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.sgqa__field { display: block; margin-bottom: 18px; }
.sgqa__field > span:not(.screen-reader-text) { display: block; margin-bottom: 8px; color: #edf7fc; font-size: 14px; font-weight: 700; }
.sgqa__field input { width: 100%; height: 54px; padding: 0 17px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; outline: none; background: rgba(255,255,255,.075); color: #fff; font: inherit; transition: .2s ease; }
.sgqa__field input::placeholder { color: #7690a5; }
.sgqa__field input:focus { border-color: rgba(245,155,56,.8); box-shadow: 0 0 0 3px rgba(245,155,56,.12); background: rgba(255,255,255,.1); }
.sgqa__field small { display: block; margin-top: 7px; color: #7893aa; font-size: 12px; }
.sgqa__channels { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0; margin: 0 0 18px; border: 0; }
.sgqa__roles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0; margin: 0 0 18px; border: 0; }
.sgqa__roles legend { grid-column: 1/-1; margin-bottom: 8px; color: #edf7fc; font-size: 14px; font-weight: 700; }
.sgqa__roles input { position: absolute; opacity: 0; }
.sgqa__roles label > span { position: relative; display: flex; flex-direction: column; min-height: 78px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; cursor: pointer; background: rgba(255,255,255,.055); transition: .2s ease; }
.sgqa__roles label > span::after { content: ''; position: absolute; top: 16px; left: 16px; width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.25); border-radius: 50%; }
.sgqa__roles b { color: #fff; font-size: 15px; }
.sgqa__roles small { margin-top: 5px; color: #7893aa; font-size: 11px; }
.sgqa__roles input:checked + span { border-color: rgba(245,155,56,.75); background: rgba(245,155,56,.09); }
.sgqa__roles input:checked + span::after { border: 4px solid var(--sgqa-orange); background: #fff; }
.sgqa__channels legend { grid-column: 1/-1; margin-bottom: 8px; color: #edf7fc; font-size: 14px; font-weight: 700; }
.sgqa__channels input { position: absolute; opacity: 0; }
.sgqa__channel-card { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; cursor: pointer; background: rgba(255,255,255,.055); transition: .2s ease; }
.sgqa__channel-copy { display: flex; min-width: 0; flex-direction: column; }
.sgqa__channel-card b { color: #fff; font-size: 14px; }
.sgqa__channel-card small { margin-top: 4px; color: #7893aa; font-size: 11px; }
.sgqa__channel-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 12px; }
.sgqa__channel-icon svg { width: 23px; height: 23px; }
.sgqa__channel-icon--whatsapp { background: rgba(37,211,102,.14); color: #25d366; }
.sgqa__channel-icon--email { background: rgba(218,234,244,.12); color: #dbeaf3; }
.sgqa__channel-icon--email svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sgqa__channels input:checked + .sgqa__channel-card { border-color: rgba(245,155,56,.75); box-shadow: inset 0 0 0 1px rgba(245,155,56,.22); background: rgba(245,155,56,.09); }
.sgqa__channel--soon input:disabled + .sgqa__channel-card { cursor: default; opacity: .62; filter: saturate(.7); }
.sgqa__channel--soon input:disabled + .sgqa__channel-card .sgqa__channel-copy small { color: #9eb1bf; font-weight: 700; }
.sgqa__primary { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 52px; padding: 12px 20px; border: 0; border-radius: 14px; cursor: pointer; background: linear-gradient(135deg, #f6a64b, #f28b29); color: #14263a; font: inherit; font-size: 15px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 28px rgba(242,139,41,.2); transition: .2s ease; }
.sgqa__primary:hover { color: #14263a; transform: translateY(-1px); box-shadow: 0 16px 32px rgba(242,139,41,.27); }
.sgqa__primary:disabled { cursor: wait; opacity: .65; transform: none; }
.sgqa__primary.is-loading span { opacity: .65; }
.sgqa__privacy { margin: 13px 0 0; text-align: center; color: #718ba0; font-size: 11px; }
.sgqa__legal { margin: 8px 0 0; text-align: center; color: #8299aa; font-size: 10px; line-height: 1.75; }
.sgqa__legal a { color: #d7e6ef; font-size: 10px; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(243,148,50,.55); text-underline-offset: 3px; }
.sgqa__legal a:hover { color: #ffc17d; }
.sgqa__notice { margin-bottom: 17px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.08); color: #fff; font-size: 13px; }
.sgqa__notice.is-error { border: 1px solid rgba(255,128,128,.25); background: rgba(154,47,47,.22); color: #ffd9d9; }
.sgqa__notice.is-success { border: 1px solid rgba(104,193,149,.3); background: rgba(55,126,92,.22); color: #d9ffeb; }
.sgqa__password-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -2px 0 20px; color: #a9c0d0; font-size: 13px; }
.sgqa__password-options label { display: flex; align-items: center; gap: 7px; cursor: pointer; }
.sgqa__password-options button { padding: 0; border: 0; cursor: pointer; background: transparent; color: #c5d9e5; font: inherit; font-size: 13px; }
.sgqa__password-options button:hover { color: #fff; }
.sgqa__password-field{position:relative;display:block!important}.sgqa__password-field input{padding-left:52px!important}.sgqa__password-field button{position:absolute;top:50%;left:7px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#bcd0dc;background:rgba(255,255,255,.06);cursor:pointer;transform:translateY(-50%)}.sgqa__password-field button:hover,.sgqa__password-field button[aria-pressed="true"]{border-color:#f3a24d;color:#fff;background:rgba(243,162,77,.15)}.sgqa__password-field svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgqa__back, .sgqa__resend { padding: 0; border: 0; cursor: pointer; background: none; color: #b7cedd; font: inherit; font-size: 13px; }
.sgqa__back:hover, .sgqa__resend:hover:not(:disabled) { color: #fff; }
.sgqa__resend { display: block; margin: 15px auto 0; }
.sgqa__resend:disabled { cursor: default; color: #6d879c; }
.sgqa__code-copy, .sgqa__done { text-align: center; }
.sgqa__code-copy { margin: 22px 0; }
.sgqa__code-copy h3, .sgqa__done h3 { margin: 12px 0 7px; color: #fff; font-size: 23px; }
.sgqa__code-copy p, .sgqa__done p { margin: 0; color: var(--sgqa-muted); line-height: 1.8; }
.sgqa__code-copy strong { color: #fff; direction: ltr; unicode-bidi: embed; }
.sgqa__code-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto; border-radius: 16px; background: rgba(255,255,255,.08); color: var(--sgqa-orange); letter-spacing: 3px; }
.sgqa__field--code input { height: 66px; text-align: center; direction: ltr; letter-spacing: 12px; font-size: 25px; font-weight: 800; }
.sgqa__test-code { margin: -5px 0 16px; padding: 10px; border: 1px dashed rgba(255,255,255,.2); border-radius: 11px; color: #bcd6e5; text-align: center; font-size: 13px; }
.sgqa__success-icon { display: grid; place-items: center; width: 66px; height: 66px; margin: 0 auto; border: 1px solid rgba(104,193,149,.42); border-radius: 50%; background: rgba(104,193,149,.13); color: #89dbb1; font-size: 31px; }
.sgqa__done .sgqa__primary { margin-top: 24px; }
.sgqa--signed { display: grid; min-height: 330px; place-items: center; text-align: center; }
.sgqa__signed-content { position: relative; z-index: 2; display: flex; width: min(100%, 470px); padding: 52px 34px; align-items: center; flex-direction: column; }
.sgqa__signed-heading { display: flex; align-items: center; justify-content: center; gap: 10px; }
.sgqa__signed-heading h2 { margin: 0; color: #fff; font-size: clamp(23px, 4vw, 31px); line-height: 1.4; }
.sgqa__signed-check { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border: 1px solid rgba(104,193,149,.46); border-radius: 50%; background: rgba(104,193,149,.14); color: #91ddb7; font-size: 15px; font-weight: 900; }
.sgqa__signed-content p { margin: 12px 0 25px; color: var(--sgqa-muted); line-height: 1.75; }
.sgqa__dashboard-button { display: inline-flex !important; width: auto !important; min-width: 190px; min-height: 50px; padding: 12px 25px !important; align-items: center; justify-content: center; gap: 12px; border: 1px solid rgba(245,155,56,.35) !important; border-radius: 14px !important; background: linear-gradient(135deg, #f6a64b, #f28b29) !important; color: #13283b !important; font-size: 14px; font-weight: 800; text-decoration: none !important; box-shadow: 0 12px 28px rgba(242,139,41,.2); transition: .2s ease; }
.sgqa__dashboard-button:hover { color: #13283b !important; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(242,139,41,.28); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
    .sgqa { margin: 18px auto; border-radius: 20px; }
    .sgqa__content { padding: 24px 18px 26px; }
    .sgqa__header h2 { font-size: 25px; }
    .sgqa__header p { font-size: 13px; }
    .sgqa__steps span { font-size: 0; }
    .sgqa__steps b { font-size: 12px; }
    .sgqa__steps i { width: 30px; }
    .sgqa__channels { grid-template-columns: 1fr 1fr; gap: 8px; }
    .sgqa__channel-card { min-height: 82px; padding: 11px 10px; gap: 8px; }
    .sgqa__channel-icon { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; }
    .sgqa__channel-icon svg { width: 20px; height: 20px; }
    .sgqa__channel-card b { font-size: 12px; }
    .sgqa__channel-card small { font-size: 9px; line-height: 1.45; }
    .sgqa__roles { grid-template-columns: 1fr 1fr; gap: 8px; }
    .sgqa__roles label > span { min-height: 82px; padding: 13px; }
    .sgqa__tabs button { padding-inline: 7px; font-size: 12px; }
    .sgqa__password-options { align-items: flex-start; flex-direction: column; }
}
.sgqa__header p{margin:8px auto 0;max-width:650px;color:#9fb2c2;font-size:12px;line-height:1.8}.sgqa__field span small{color:#8ea4b5;font-size:9px;font-weight:500}.sgqa__password-options a{color:#d8e5ed;text-decoration:none;font-size:10px}.sgqa__password-options a:hover{color:#fff}.sgqa--phone a.sgqa__skip{display:block;margin-top:15px;color:#d8e5ed!important;text-align:center;text-decoration:none!important;font-size:12px!important;font-weight:600!important;line-height:1.5!important;transition:color .2s ease}.sgqa--phone a.sgqa__skip:hover{color:#f39432!important}.sgqa--phone .sgqa__content{max-width:640px;margin:auto}.sgqa--phone .sgqa__header{text-align:center}.sgqa--phone .sgqa__header h2{font-size:clamp(21px,3vw,27px)}