:root{--bg-color:#030303;--text-main:#fff;--text-muted:#a1a1a1;--border-color:#262626;--dominant-color:#1447e6;--dominant-color-hover:#0d3ed1;--dominant-color-shadow:#2563eb33;--dominant-color-shadow-hover:#2563eb47;--dominant-color-light:#d4d9fe;--surface-bg:linear-gradient(135deg,#edededf2 0%,#f8fafcfa 100%);--surface-card:#f9fafb;--surface-border:#d4d4d4;--text-strong:#171717;--text-body:#4b5563;--text-label:#6b7280}.action-btn{color:#fff;border-radius:6px;min-width:180px;max-width:400px;margin-top:auto;padding:6px 36px;font-size:18px;font-weight:600}.auth-flow-card-panel{background:var(--surface-card);border-radius:.5rem;flex-direction:column;flex-grow:1;align-items:center;gap:1.25rem;width:100%;padding:10px;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.consent-checkbox,.claim-checkbox{appearance:none;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:100%;border:1px solid #a1a1a1;border-radius:2px}.consent-checkbox{background:0 0;flex-shrink:0;width:16px;height:16px;margin-top:4px}.claim-checkbox{background:var(--dominant-color-light);border-radius:1px;width:15px;height:15px}.consent-checkbox:checked,.claim-checkbox:checked{background-color:var(--dominant-color);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.card-subtitle{color:var(--text-body);text-align:center;font-size:16.1px;font-weight:400;line-height:25.6px}.card-title{color:#111827;text-align:center;font-size:23.8px;font-weight:700;line-height:32px}.credential-card{background:var(--surface-card);border:1px solid var(--dominant-color);width:100%;box-shadow:0 4px 8px var(--dominant-color-shadow-hover);border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:24px 18px;display:flex}.detail-row{background:#fff;border-radius:12px;width:100%;padding:5px 15px;box-shadow:0 2px 8px #0000001a}.flow-btn{background:var(--dominant-color);color:#fff;box-shadow:0 2px 8px var(--dominant-color-shadow);border-radius:8px;font-weight:500;transition:background-color .2s,transform .15s,box-shadow .2s}.flow-btn:active{transform:translateY(1px)}.flow-btn:disabled{color:#a1a1a1;cursor:not-allowed;box-shadow:none;background:#d5d5d5;transform:none}.flow-btn:hover{background:var(--dominant-color-hover);box-shadow:0 4px 12px var(--dominant-color-shadow-hover)}.inner-card{background-color:var(--surface-card);border-radius:.5rem;flex-direction:column;flex-grow:1;align-items:center;gap:1.25rem;padding:23px 20px;display:flex}.inner-card-title{color:var(--text-strong);text-align:center;font-size:17.9px;font-weight:600;line-height:28px}.main-heading{color:#000;font-size:38px;font-weight:500;line-height:60px}.step-section{background:var(--surface-bg);flex-direction:column;align-items:center;gap:40px;width:100%;padding:20px 20px 80px;display:flex}.step-number-box{background-color:var(--surface-card);border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.step-desc{color:var(--text-body);font-size:15px;font-weight:500;line-height:25.6px}.step-number-text{color:var(--dominant-color);font-size:14.2px;font-weight:700;line-height:28px}.step-title{color:var(--text-strong);font-size:18px;font-weight:500;line-height:28px}.sub-heading{color:var(--text-strong);font-size:28px;font-weight:500;line-height:28px}