.auth-section{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

padding-top:150px;

padding-bottom:80px;

padding-left:20px;

padding-right:20px;

}



.auth-card{

width:100%;

max-width:460px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.12);

border-radius:35px;

padding:45px;

backdrop-filter:blur(15px);

box-shadow:var(--shadow);

}



.auth-card.wide{

max-width:600px;

}



.auth-card .section-tag{

color:var(--cyan);

font-weight:700;

font-size:16px;

}



.auth-card h1{

margin-top:15px;

font-size:clamp(28px,4vw,36px);

font-weight:900;

}



.auth-card > p{

margin-top:12px;

color:var(--text-muted);

line-height:1.9;

}



.form-group{

margin-top:22px;

}



.form-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

}



.form-group label{

display:block;

margin-bottom:8px;

font-size:14px;

color:var(--text-muted);

}



.form-group input,
.form-group select{

width:100%;

padding:14px 18px;

border-radius:14px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.15);

color:var(--text);

font-family:inherit;

font-size:15px;

transition:.3s;

}



.form-group input::placeholder{

color:rgba(248,250,252,.35);

}



.form-group input:focus,
.form-group select:focus{

outline:none;

border-color:var(--cyan);

background:rgba(255,255,255,.08);

box-shadow:0 0 0 3px rgba(123,223,242,.15);

}



.form-group select option{

background:var(--bg-dark);

}



.auth-submit{

width:100%;

margin-top:32px;

padding:16px;

border-radius:999px;

border:none;

cursor:pointer;

font-family:inherit;

font-weight:700;

font-size:16px;

background:linear-gradient(135deg,var(--primary),var(--cyan));

color:#06111f;

transition:.3s;

}



.auth-submit:hover{

transform:translateY(-4px);

box-shadow:0 15px 30px rgba(58,134,255,.35);

}



.auth-switch{

margin-top:25px;

text-align:center;

color:var(--text-muted);

font-size:14px;

}



.auth-switch a{

color:var(--cyan);

font-weight:700;

}



@media(max-width:600px){

.auth-card{

padding:32px 24px;

border-radius:28px;

}


.form-row{

grid-template-columns:1fr;

gap:0;

}


}

.auth-error {
    color: #ff4d4d;
    background: rgba(255, 77, 77, 0.1);
    border: 1px solid rgba(255, 77, 77, 0.3);
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
}