/* Supreme-WoW improved register page */
.register-page-wrap{
    max-width:1250px;
    margin:0 auto;
    padding:38px 22px 70px;
}
.register-hero-new{
    position:relative;
    display:grid;
    grid-template-columns:1fr 460px;
    gap:26px;
    min-height:560px;
    border:1px solid rgba(214,168,74,.34);
    background:
        linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.22)),
        url('../img/register-hero.jpg') center/cover no-repeat;
    box-shadow:0 35px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04);
    overflow:hidden;
}
.register-hero-new:before{
    content:"";
    position:absolute;
    inset:10px;
    border:1px solid rgba(153,255,56,.12);
    pointer-events:none;
    z-index:1;
}
.register-info{
    position:relative;
    z-index:2;
    padding:62px 58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.register-eyebrow{
    color:#9dff38;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:4px;
    text-shadow:0 0 18px rgba(153,255,56,.35);
}
.register-info h1{
    font-family:Georgia,serif;
    font-size:68px;
    line-height:.95;
    margin:18px 0 18px;
    color:#fff3cf;
    text-shadow:0 6px 28px rgba(0,0,0,.9);
}
.register-info p{
    font-size:18px;
    line-height:1.65;
    color:#e6ded0;
    max-width:660px;
}
.register-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:28px;
    max-width:680px;
}
.register-benefit{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 15px;
    background:rgba(0,0,0,.34);
    border:1px solid rgba(255,255,255,.08);
}
.register-benefit span{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(180deg,#b5ff42,#5ebd1c);
    color:#071008;
    font-weight:950;
}
.register-benefit b{
    color:#ffe19a;
    font-size:14px;
}
.register-form-card{
    position:relative;
    z-index:2;
    margin:34px 34px 34px 0;
    align-self:center;
    background:linear-gradient(180deg,rgba(10,17,16,.96),rgba(5,8,10,.96));
    border:1px solid rgba(214,168,74,.34);
    box-shadow:0 28px 80px rgba(0,0,0,.55);
    padding:30px;
}
.register-form-card h2{
    font-family:Georgia,serif;
    color:#ffe19a;
    margin:0 0 8px;
    font-size:34px;
}
.register-form-card .sub{
    color:#9f9684;
    margin:0 0 22px;
    line-height:1.5;
}
.register-form label{
    display:block;
    margin:14px 0;
    color:#ffe19a;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.register-form input{
    width:100%;
    padding:15px 16px;
    background:rgba(0,0,0,.46);
    border:1px solid rgba(214,168,74,.30);
    color:#fff;
    outline:none;
    font-size:15px;
    box-shadow:inset 0 0 18px rgba(0,0,0,.22);
}
.register-form input:focus{
    border-color:rgba(153,255,56,.54);
    box-shadow:0 0 0 3px rgba(153,255,56,.08), inset 0 0 18px rgba(0,0,0,.22);
}
.register-btn{
    width:100%;
    margin-top:18px;
    padding:16px 22px;
    border:0;
    cursor:pointer;
    text-transform:uppercase;
    font-size:13px;
    font-weight:950;
    letter-spacing:.8px;
    color:#1b1203;
    background:linear-gradient(180deg,#ffe574,#d89b20);
    box-shadow:0 0 26px rgba(214,168,74,.22);
}
.register-login-link{
    margin-top:18px;
    text-align:center;
    color:#bdb3a3;
}
.register-login-link a{
    color:#9dff38;
    font-weight:950;
    text-decoration:none;
}
.register-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:24px;
}
.register-card{
    background:linear-gradient(180deg,rgba(12,20,18,.92),rgba(5,9,11,.92));
    border:1px solid rgba(214,168,74,.24);
    padding:24px;
    box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.register-card h3{
    color:#ffe19a;
    margin:0 0 10px;
    font-family:Georgia,serif;
    font-size:24px;
}
.register-card p{
    margin:0;
    color:#d8d0c3;
    line-height:1.6;
}
.register-alert{
    margin-bottom:18px;
    padding:15px 16px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.28);
    color:#fff;
}
.register-alert.success{
    border-color:rgba(153,255,56,.35);
    background:rgba(153,255,56,.10);
}
.register-alert.error{
    border-color:rgba(255,91,63,.35);
    background:rgba(255,91,63,.10);
}
@media(max-width:1050px){
    .register-hero-new{grid-template-columns:1fr}
    .register-form-card{margin:0 28px 34px}
    .register-info{padding:44px 30px}
    .register-info h1{font-size:48px}
    .register-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
    .register-benefits{grid-template-columns:1fr}
    .register-form-card{margin:0 18px 24px;padding:22px}
}