/* DARK HORIZONS MODERN REGISTRATION REDESIGN */

body#register{
    background:#020714!important;
}

body#register .content{
    width:auto!important;
    max-width:1180px!important;
    padding:0!important;
}

body#register .content p{
    margin:0!important;
}

body#register #sidebar_container{
    display:none!important;
}

body#register #site_content{
    width:calc(100% - 30px)!important;
    max-width:1220px!important;
    margin:0 auto!important;
    padding:0!important;
}

body#register .content{
    float:none!important;
    width:100%!important;
}

.dh-reg-title{
    margin:18px auto 4px auto!important;
    text-align:center!important;
    color:#fff!important;
    font-size:36px!important;
    line-height:42px!important;
    text-transform:uppercase!important;
    letter-spacing:2px!important;
    text-shadow:0 0 22px rgba(126,252,255,.35)!important;
}

.dh-reg-subtitle{
    text-align:center!important;
    color:#9fb7c9!important;
    font-size:14px!important;
    margin-bottom:18px!important;
}

.dh-reg-form,
.dh-reg-form *,
.dh-reg-form *:before,
.dh-reg-form *:after{
    box-sizing:border-box!important;
}

.dh-reg-form{
    display:block!important;
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto 40px auto!important;
    padding:0!important;
    color:#dff8ff!important;
    font-family:Arial,Helvetica,sans-serif!important;
}

.dh-reg-hero,
.dh-reg-panel,
.dh-race-card,
.dh-reg-preview{
    border:1px solid rgba(126,252,255,.20)!important;
    background:radial-gradient(circle at 18% 10%,rgba(126,252,255,.14),transparent 38%),linear-gradient(180deg,rgba(5,18,34,.96),rgba(0,7,18,.98))!important;
    box-shadow:0 0 24px rgba(65,225,255,.12),inset 0 0 18px rgba(65,225,255,.04)!important;
}

.dh-reg-hero{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:18px!important;
    padding:18px 22px!important;
    border-radius:24px!important;
    margin-bottom:14px!important;
}

.dh-reg-hero span,
.dh-reg-panel span,
.dh-race-card span,
.dh-reg-preview em{
    color:#7efcff!important;
    font-size:10px!important;
    text-transform:uppercase!important;
    letter-spacing:1.6px!important;
}

.dh-reg-hero h2{
    margin:5px 0!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:36px!important;
    text-transform:uppercase!important;
}

.dh-reg-hero p,
.dh-reg-preview p,
.dh-race-card p{
    margin:0!important;
    color:#9fb7c9!important;
    font-size:13px!important;
    line-height:18px!important;
}

.dh-reg-preview{
    min-width:260px!important;
    max-width:340px!important;
    padding:14px!important;
    border-radius:20px!important;
}

.dh-reg-preview b{
    display:block!important;
    color:#fff!important;
    font-size:22px!important;
    margin-bottom:3px!important;
}

.dh-register-races{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin:14px 0!important;
}

.dh-race-card{
    display:block!important;
    min-height:280px!important;
    padding:12px!important;
    border-radius:22px!important;
    cursor:pointer!important;
    position:relative!important;
    overflow:hidden!important;
    transition:.18s ease!important;
}

.dh-race-card:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(126,252,255,.45)!important;
    box-shadow:0 0 30px rgba(65,225,255,.20),inset 0 0 18px rgba(65,225,255,.06)!important;
}

.dh-race-card.selected{
    border-color:#7efcff!important;
    box-shadow:0 0 32px rgba(126,252,255,.42)!important;
}

.dh-race-card input{
    display:none!important;
}

.dh-race-card img{
    display:block!important;
    width:100%!important;
    height:170px!important;
    object-fit:cover!important;
    border-radius:18px!important;
    background:#000!important;
    margin-bottom:12px!important;
    filter:contrast(1.05) saturate(1.1)!important;
}

.dh-race-card b{
    display:block!important;
    color:#fff!important;
    font-size:20px!important;
    margin:4px 0!important;
}

.dh-reg-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    margin-top:14px!important;
}

.dh-reg-grid.dh-reg-small{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.dh-reg-panel{
    padding:16px!important;
    border-radius:24px!important;
}

.dh-reg-panel h3{
    margin:5px 0 14px 0!important;
    color:#fff!important;
    font-size:22px!important;
    text-transform:uppercase!important;
}

.dh-reg-panel label{
    display:block!important;
    margin-bottom:10px!important;
    color:#9fb7c9!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.7px!important;
}

.dh-reg-panel input,
.dh-reg-panel select{
    display:block!important;
    width:100%!important;
    min-height:40px!important;
    margin-top:5px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
    color:#dff8ff!important;
    background:rgba(0,8,20,.82)!important;
    border:1px solid rgba(126,252,255,.22)!important;
    outline:none!important;
}

.dh-reg-panel input:focus,
.dh-reg-panel select:focus{
    border-color:#7efcff!important;
    box-shadow:0 0 16px rgba(126,252,255,.25)!important;
}

.dh-reg-rules{
    text-align:center!important;
    color:#9fb7c9!important;
    font-size:12px!important;
    margin:16px 0 12px 0!important;
}

.dh-reg-rules a{
    color:#7efcff!important;
}

.dh-reg-submit{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:280px!important;
    min-height:46px!important;
    margin:0 auto 20px auto!important;
    border:0!important;
    border-radius:16px!important;
    color:#06101f!important;
    background:linear-gradient(180deg,#7efcff,#147cff)!important;
    box-shadow:0 0 24px rgba(126,252,255,.30)!important;
    font-size:13px!important;
    font-weight:bold!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
}

.dh-reg-submit:hover{
    filter:brightness(1.08)!important;
}

body#register footer{
    margin-top:20px!important;
}

@media(max-width:1000px){
    .dh-register-races{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .dh-reg-hero{
        flex-direction:column!important;
        align-items:flex-start!important;
    }

    .dh-reg-preview{
        width:100%!important;
        max-width:none!important;
    }
}

@media(max-width:700px){
    .dh-register-races,
    .dh-reg-grid,
    .dh-reg-grid.dh-reg-small{
        grid-template-columns:1fr!important;
    }

    .dh-reg-title{
        font-size:28px!important;
        line-height:34px!important;
    }

    .dh-reg-submit{
        width:100%!important;
    }
}