.mc-page-auth .mc-main{min-height:calc(100vh - 70px)}

.auth-simple{
    min-height:calc(100vh - 80px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:62px 20px 76px;
    position:relative;
}

.auth-simple:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 10%, rgba(216,25,32,.16), transparent 26%),
        radial-gradient(circle at 86% 12%, rgba(255,191,20,.12), transparent 24%),
        linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,0));
    pointer-events:none;
}

.auth-card,
.register-card{
    position:relative;
    z-index:1;
    width:min(560px,100%);
    background:linear-gradient(180deg, rgba(17,19,24,.98), rgba(11,12,16,.98));
    color:var(--text);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 28px 70px rgba(0,0,0,.52);
    border-radius:16px;
    padding:34px 34px 32px;
    overflow:hidden;
}

.auth-card:before,
.register-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background:linear-gradient(90deg, var(--red), var(--yellow));
}

.auth-card:after,
.register-card:after{
    content:"";
    position:absolute;
    inset:auto -10% -35% auto;
    width:240px;
    height:240px;
    background:radial-gradient(circle, rgba(255,191,20,.08), transparent 68%);
    pointer-events:none;
}

.auth-card--login,
.auth-card--compact,
.register-card{
    width:min(560px,100%);
}

.auth-card__brand,
.register-card__brand{
    display:grid;
    place-items:center;
    text-align:center;
    margin-bottom:22px;
}

.auth-card__logo,
.register-card__brand span{
    width:62px;
    height:62px;
    border-radius:16px;
    background:#0b0d12;
    color:var(--yellow);
    display:grid;
    place-items:center;
    font-weight:950;
    font-size:24px;
    border:3px solid var(--yellow);
    box-shadow:0 0 0 6px rgba(255,191,20,.08);
    margin-bottom:12px;
}

.auth-card__brand strong,
.register-card__brand b{
    font-size:30px;
    font-weight:900;
    color:#fff;
    line-height:1;
    letter-spacing:-.03em;
}

.auth-card__brand small,
.register-card__brand small{
    display:block;
    color:var(--muted);
    margin-top:7px;
}

.auth-card h1,
.register-card h1{
    text-align:center;
    font-size:38px;
    line-height:1.08;
    margin:6px 0 14px;
    color:#fff;
    letter-spacing:-.04em;
}

.auth-card__lead,
.register-card>p{
    text-align:center;
    color:var(--muted);
    margin:0 0 24px;
    font-size:16px;
}

.auth-form{display:grid;gap:15px}
.auth-field{display:grid;gap:8px}

.auth-field span{
    font-weight:800;
    color:#fff;
    font-size:14px;
}

.auth-field input,
.icon-field input,
.icon-field select{
    height:54px;
    width:100%;
    border:1px solid rgba(255,255,255,.08);
    background:#0a0d13;
    color:#fff;
    border-radius:10px;
    padding:0 16px;
    font-size:15px;
    outline:none;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.auth-field input::placeholder,
.icon-field input::placeholder{color:#798090}

.auth-field input:focus,
.icon-field input:focus,
.icon-field select:focus{
    border-color:rgba(255,191,20,.55);
    box-shadow:0 0 0 3px rgba(255,191,20,.14);
    background:#0d1118;
}

.auth-primary{
    height:54px;
    border:0;
    border-radius:10px;
    background:var(--yellow);
    color:#111;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    margin-top:12px;
    text-transform:uppercase;
    letter-spacing:.02em;
    transition:transform .16s ease, filter .16s ease;
}

.auth-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}

.auth-under{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:18px;
    color:var(--muted);
}

.auth-under span{width:1px;height:16px;background:rgba(255,255,255,.10)}
.auth-under a,.auth-switch-line a{color:var(--yellow);font-weight:700}
.auth-under--single span{display:none}

.auth-bottom{margin-top:24px}

.auth-bottom__label{
    display:flex;
    align-items:center;
    gap:12px;
    justify-content:center;
    color:var(--muted);
    font-size:13px;
}

.auth-bottom__label span{height:1px;background:rgba(255,255,255,.10);flex:1}

.auth-social{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.auth-social-btn{
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#12161d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    color:#fff;
    font-weight:800;
    transition:border-color .18s ease, transform .18s ease, background .18s ease;
}

.auth-social-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(255,191,20,.4);
    background:#151b24;
}

.auth-social-btn b{font-size:18px;color:var(--yellow)}

.auth-mail-target{
    display:block;
    background:#10141c;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    padding:12px;
    text-align:center;
    color:#fff;
    margin:16px 0;
}

.register-card{padding:34px 34px 32px}
.register-card__bar{display:none}
.register-card__brand{margin-bottom:22px}
.register-card__brand span{margin-bottom:12px}
.register-card__brand b{font-size:30px;color:#fff}

.icon-field{
    display:flex;
    align-items:center;
    margin-bottom:16px;
    background:#0a0d13;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    overflow:hidden;
}

.icon-field i{
    width:48px;
    text-align:center;
    color:var(--yellow);
    font-style:normal;
    border-right:1px solid rgba(255,255,255,.08);
    background:#10141c;
    align-self:stretch;
    display:grid;
    place-items:center;
}

.icon-field input,
.icon-field select{
    border:0;
    border-radius:0;
    background:transparent;
}

.register-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.check-line{
    display:flex;
    gap:10px;
    align-items:flex-start;
    color:var(--muted);
    font-size:13px;
    margin:12px 0;
}

.check-line input{
    margin-top:2px;
    accent-color:var(--yellow);
}

.register-primary{width:100%;margin-top:14px}

.auth-switch-line{
    text-align:center;
    color:var(--muted);
    margin:18px 0 0;
}

.auth-simple--register{align-items:center}
.auth-simple--register .auth-bottom{margin-top:24px}
.auth-simple--register .auth-social-btn{height:48px;font-size:14px}

@media(max-width:560px){
    .auth-simple{padding:36px 14px 56px}
    .auth-card,.register-card{padding:26px 18px 24px;border-radius:14px}
    .auth-card h1,.register-card h1{font-size:30px}
    .auth-social,.register-grid-2{grid-template-columns:1fr}
    .auth-under{flex-direction:column}
    .auth-under span{display:none}
}