                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
                *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
                body {
                    background: #080c14;
                    color: #e6edf3;
                    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
                    min-height: 100vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 40px 20px;
                }
                .setup-wrap {
                    width: 100%;
                    max-width: 740px;
                }
                /* Header */
                .setup-header {
                    text-align: center;
                    margin-bottom: 40px;
                }
                .setup-logo {
                    display: inline-flex;
                    align-items: center;
                    gap: 12px;
                    margin-bottom: 24px;
                }
                .setup-logo-icon {
                    width: 48px; height: 48px;
                    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
                    border-radius: 12px;
                    display: flex; align-items: center; justify-content: center;
                    font-size: 22px;
                }
                .setup-logo-name {
                    font-size: 22px;
                    font-weight: 700;
                    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
                .setup-header h1 {
                    font-size: 32px;
                    font-weight: 800;
                    color: #ffffff;
                    margin-bottom: 10px;
                    line-height: 1.2;
                }
                .setup-header p {
                    font-size: 16px;
                    color: #8b949e;
                    max-width: 500px;
                    margin: 0 auto;
                    line-height: 1.6;
                }
                /* Step indicator */
                .setup-steps {
                    display: flex;
                    justify-content: center;
                    gap: 8px;
                    margin-bottom: 32px;
                }
                .setup-step {
                    height: 4px;
                    border-radius: 2px;
                    width: 60px;
                }
                .setup-step.active { background: #3b82f6; }
                .setup-step.done   { background: #00e676; }
                .setup-step.next   { background: rgba(255,255,255,0.1); }
                /* Card */
                .setup-card {
                    background: rgba(18, 25, 38, 0.85);
                    border: 1px solid rgba(255,255,255,0.08);
                    border-radius: 16px;
                    padding: 36px 40px;
                    backdrop-filter: blur(12px);
                    margin-bottom: 20px;
                }
                .setup-card-title {
                    font-size: 18px;
                    font-weight: 700;
                    color: #ffffff;
                    margin-bottom: 6px;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }
                .setup-card-title .badge {
                    font-size: 11px;
                    font-weight: 600;
                    background: rgba(59,130,246,0.2);
                    color: #60a5fa;
                    border: 1px solid rgba(59,130,246,0.3);
                    padding: 2px 8px;
                    border-radius: 20px;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                }
                .setup-card-sub {
                    font-size: 14px;
                    color: #8b949e;
                    margin-bottom: 24px;
                    line-height: 1.6;
                }
                /* What is sent list */
                .data-list {
                    list-style: none;
                    margin: 0 0 28px;
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 10px;
                }
                @media (max-width: 520px) { .data-list { grid-template-columns: 1fr; } }
                .data-list li {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    font-size: 13px;
                    color: #c9d1d9;
                    background: rgba(255,255,255,0.03);
                    border: 1px solid rgba(255,255,255,0.06);
                    border-radius: 8px;
                    padding: 10px 14px;
                }
                .data-list li .icon {
                    font-size: 16px;
                    flex-shrink: 0;
                }
                /* Consent box */
                .consent-box {
                    background: rgba(59,130,246,0.06);
                    border: 2px solid rgba(59,130,246,0.25);
                    border-radius: 12px;
                    padding: 20px 22px;
                    display: flex;
                    align-items: flex-start;
                    gap: 16px;
                    margin-bottom: 28px;
                    cursor: pointer;
                    transition: border-color 0.2s, background 0.2s;
                }
                .consent-box:hover { border-color: rgba(59,130,246,0.5); background: rgba(59,130,246,0.1); }
                .consent-box input[type="checkbox"] {
                    width: 20px; height: 20px;
                    accent-color: #3b82f6;
                    cursor: pointer;
                    flex-shrink: 0;
                    margin-top: 2px;
                }
                .consent-box label {
                    font-size: 14px;
                    color: #c9d1d9;
                    cursor: pointer;
                    line-height: 1.6;
                }
                .consent-box label strong {
                    color: #ffffff;
                    display: block;
                    margin-bottom: 4px;
                    font-size: 15px;
                }
                /* Form fields */
                .field-group {
                    margin-bottom: 20px;
                }
                .field-label {
                    display: block;
                    font-size: 13px;
                    font-weight: 500;
                    color: #8b949e;
                    margin-bottom: 8px;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                }
                .field-input {
                    width: 100%;
                    background: rgba(255,255,255,0.05);
                    border: 1px solid rgba(255,255,255,0.1);
                    border-radius: 8px;
                    padding: 12px 16px;
                    color: #e6edf3;
                    font-family: 'Inter', sans-serif;
                    font-size: 14px;
                    outline: none;
                    transition: border-color 0.2s;
                }
                .field-input:focus { border-color: #3b82f6; }
                .field-hint {
                    font-size: 12px;
                    color: #6e7681;
                    margin-top: 6px;
                }
                /* Divider */
                .setup-divider {
                    border: none;
                    border-top: 1px solid rgba(255,255,255,0.07);
                    margin: 28px 0;
                }
                /* Footer / CTA */
                .setup-footer {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 16px;
                    flex-wrap: wrap;
                }
                .skip-link {
                    font-size: 13px;
                    color: #6e7681;
                    text-decoration: none;
                    transition: color 0.2s;
                }
                .skip-link:hover { color: #8b949e; }
                .btn-primary {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    background: linear-gradient(135deg, #3b82f6, #6366f1);
                    color: #ffffff !important;
                    font-size: 15px;
                    font-weight: 600;
                    padding: 13px 28px;
                    border-radius: 10px;
                    border: none;
                    cursor: pointer;
                    text-decoration: none;
                    transition: opacity 0.2s, transform 0.15s;
                    font-family: 'Inter', sans-serif;
                }
                .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); }
                .btn-primary:active { transform: translateY(0); }
                /* Note */
                .setup-note {
                    text-align: center;
                    font-size: 12px;
                    color: #484f58;
                    margin-top: 16px;
                }
                .setup-note a { color: #6e7681; text-decoration: underline; }
