.registration-content {
            --color-primary: #10284a; --color-primary-dark: #071a34; --color-danger: #d52532; --color-danger-dark: #b91f2a;
            --color-text-main: #172033; --color-text-muted: #667085; --color-border: #dfe4eb; --color-bg: #f4f6f9; --color-white: #ffffff;
            --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05); --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1); --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
            color: var(--color-text-main);
            background: var(--color-bg);
            line-height: 1.6;
        }
        .uppercase-input { text-transform: uppercase; } .uppercase-input::placeholder { text-transform: none; }

        .race-banner { background: var(--color-text-main); color: var(--color-white); padding: 40px 20px; text-align: center; border-bottom: 4px solid var(--color-danger); }
        .race-banner h1 { font-size: clamp(20px, 4vw, 28px); font-weight: 900; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
        .race-switcher { max-width:900px; margin:24px auto 0; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
        .race-switcher label { font-size:13px; font-weight:800; color:var(--color-text-main); }
        .race-switcher select { min-width:280px; max-width:100%; padding:12px 38px 12px 14px; border:2px solid var(--color-border); border-radius:9px; background:#fff; color:var(--color-text-main); font-weight:750; }
        .race-info-grid { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; font-size: 13px; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
        .race-info-item { background: rgba(255,255,255,0.05); padding: 10px 20px; border-radius: 8px; }
        .race-info-item span { display: block; color: var(--color-white); font-weight: 800; font-size: 16px; margin-top: 5px; }
        
        .container-form { max-width: 900px; margin: 40px auto; padding: 0 20px; }
        
        .form-card { background: var(--color-white); border-radius: 12px; box-shadow: var(--shadow-md); padding: 30px; margin-bottom: 30px; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary); }
        .form-card-header { font-size: 16px; font-weight: 800; color: var(--color-text-main); margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid var(--color-bg); display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; letter-spacing: 0.5px; }
        
        .row { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
        .col { flex: 1; min-width: 250px; }
        .form-group label { display: block; font-size: 12px; font-weight: 800; color: var(--color-text-muted); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
        .form-control { width: 100%; padding: 16px; border: 2px solid var(--color-border); border-radius: 8px; font-size: 15px; font-weight: 600; color: var(--color-text-main); background: var(--color-bg); outline: none; transition: 0.2s; }
        .form-control:focus { border-color: var(--color-primary); background: var(--color-white); box-shadow: 0 0 0 4px rgba(16, 40, 74, 0.1); }
        select.form-control { appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; }
        
        .btn-submit { width: 100%; background: var(--color-danger); color: var(--color-white); border: none; padding: 22px; border-radius: 12px; font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(198, 40, 40, 0.3); margin-top: 10px; display: flex; justify-content: center; align-items: center; gap: 10px; }
        .btn-submit:hover { background: var(--color-danger-dark); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(198, 40, 40, 0.4); }
        .btn-add { background: var(--color-text-main); color: var(--color-white); width: 100%; padding: 16px; border-radius: 8px; border: none; font-weight: 800; font-size: 14px; cursor: pointer; margin-bottom: 40px; text-transform: uppercase; transition: 0.2s; box-shadow: var(--shadow-sm); display: flex; justify-content: center; align-items: center; gap: 8px;}
        .btn-add:hover { background: #0f172a; }
        .btn-remove { font-size: 11px; color: var(--color-danger); background: #fee2e2; padding: 8px 15px; border-radius: 6px; cursor: pointer; font-weight: 800; border: none; text-transform: uppercase; transition: 0.2s;}
        .btn-remove:hover { background: #fca5a5; color: var(--color-danger-dark); }
        
        .alert-error { background: #fef2f2; border: 2px solid #fca5a5; color: #991b1b; padding: 25px; border-radius: 12px; font-size: 15px; font-weight: 700; margin-bottom: 30px; display: flex; align-items: center; gap: 15px; box-shadow: var(--shadow-sm); }
        .alert-error i { font-size: 24px; color: var(--color-danger); }
        
        .success-doc { background: var(--color-white); padding: 50px 30px; border: 1px solid var(--color-border); border-top: 4px solid var(--color-primary); border-radius: 12px; text-align: center; box-shadow: 0 18px 50px rgba(16,40,74,.07); }
        .success-icon { display: block; margin: 0 auto 18px; color: #22965f; font-size: 56px; }
        .success-doc h2 { margin: 0 0 10px; color: var(--color-primary); font-size: 26px; font-weight: 900; text-transform: uppercase; }
        .success-message { max-width: 720px; margin: 0 auto; color: var(--color-text-muted); font-weight: 600; }
        .success-list { max-width: 720px; margin: 22px auto 0; padding: 0 22px; border: 1px solid var(--color-border); border-radius: 8px; background: #f8fafc; color: var(--color-text-main); font-size: 15px; font-weight: 700; text-align: left; }
        .success-list-item { padding: 15px 0; border-bottom: 1px solid var(--color-border); display: flex; align-items: center; gap: 10px; }
        .success-list-item:last-child { border-bottom: 0; }
        .success-list-item i { color: #22965f; }
        .guide-box, .whatsapp-box { max-width: 720px; margin: 12px auto 0; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--color-border); border-left: 4px solid var(--color-primary); border-radius: 8px; background: #f8fafc; text-align: left; }
        .guide-box { margin-top: 24px; border-left-color: var(--orange); }
        .guide-box span { display: block; margin-bottom: 5px; color: #a54d12; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
        .guide-box h3 { margin: 0 0 5px; color: var(--color-primary); font-size: 18px; }
        .guide-box p, .whatsapp-box span { display: block; margin: 3px 0 0; color: var(--color-text-muted); font-size: 12px; }
        .whatsapp-box strong { display: block; color: var(--color-primary); font-size: 13px; }
        .guide-box a, .whatsapp-box a { min-width: 150px; min-height: 44px; padding: 11px 16px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 900; text-align: center; text-decoration: none; white-space: nowrap; }
        .guide-box a { background: #d96f12; }
        .whatsapp-box a { background: var(--color-primary); }
        .new-registration-link { display: inline-block; margin-top: 20px; color: var(--color-primary); font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-transform: uppercase; }

        .dup-alert { background: #fefce8; border: 2px solid #fde047; padding: 25px; border-radius: 8px; margin-bottom: 25px; display: none; }
        .dup-alert p { font-size: 14px; font-weight: 800; color: #854d0e; margin-bottom: 15px; display: flex; align-items: center; gap: 10px;}
        .dup-btn-group { display: flex; gap: 15px; flex-wrap: wrap; }
        .dup-btn { flex: 1; min-width: 150px; padding: 14px; font-size: 13px; font-weight: 800; border-radius: 6px; cursor: pointer; border: none; text-transform: uppercase; transition: 0.2s;}
        .dup-btn-yes { background: var(--color-text-main); color: white; }
        .dup-btn-yes:hover { background: black; }
        .dup-btn-no { background: var(--color-border); color: var(--color-text-main); }
        .dup-btn-no:hover { background: #cbd5e1; }

        .closed-box { background: white; padding: 60px 40px; border-radius: 12px; border-top: 8px solid var(--color-danger); text-align: center; box-shadow: var(--shadow-lg); max-width: 600px; margin: 80px auto; }
        .closed-box i { font-size: 48px; color: var(--color-danger); margin-bottom: 20px; }

        @media(max-width: 768px) { .row { flex-direction: column; gap: 0; margin-bottom: 0; } .col { margin-bottom: 20px; } .form-card { padding: 20px; } .race-switcher{align-items:stretch;flex-direction:column}.race-switcher select{width:100%;min-width:0}.success-doc{padding:36px 20px}.guide-box,.whatsapp-box{align-items:stretch;flex-direction:column}.guide-box a,.whatsapp-box a{width:100%} }