@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root{
    --pink:#d43c93;
    --black:#0b0b0b;
    --white:#ffffff;
    --gray:#6f6f6f;
}

html,body{
    height:100%;
    font-family: 'Poppins', sans-serif;
}
.split {
    height:100vh;
    overflow:auto;
}

.left {
    background:var(--black);
    color:var(--white);
    padding:4rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}
.logo {
    width:280px;
}
.form-frame {
    padding:1.5rem;
    border-radius:6px;
    max-width:500px;
    width:100%;
}
.auth-card {
    background:var(--black);
    padding:1.5rem;
    border-radius:6px;
    color:var(--white);
    box-shadow: 0 4px 18px rgba(0,0,0,0.6);
}
.auth-card .form-control {
    background:transparent;
    border:1px solid var(--gray);
    color:var(--white);
}
.divider {
    display:flex;
    align-items:center;
    gap:.75rem;
    margin:1rem 0;
}
.divider::before,.divider::after{
    content:"";
    flex:1;
    height:1px;
    background:var(--gray);
}
.google-btn {
    background:var(--white);
    color:var(--black);
    border-radius:6px;
    border:0;
    display:flex;
    align-items:center;
    gap:.6rem;
    justify-content:center;
}
.right {
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
}
.description {
    max-width:640px;
}

.description p{
    color:var(--black);
}


.feedback-error {
  color: #ff3b3b;
}
.feedback-success {
  color: #34A853;
}
.feedback-info {
  color: #0000FF;
}


.pink {color:var(--pink)}

@media (max-width:991px){
.left,.right{
    padding:2rem
}
.description h1{
    font-size:1.8rem
}
}