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


*{
    box-sizing:border-box;
}


body{
    margin:0;
    background:#f7f4ee;
    font-family:Inter,sans-serif;
}


.buyc-auth-page{

    min-height:100vh;
    display:grid;
    grid-template-columns:1fr 480px;
    gap:80px;
    align-items:center;
    padding:60px 10%;

}


.buyc-auth-brand{

    max-width:520px;

}


.buyc-auth-logo{

    font-family:'Cormorant Garamond',serif;
    font-size:100px;
    font-weight:700;
    letter-spacing:10px;
    color:#111;

}


.buyc-auth-brand h1{

    font-family:'Cormorant Garamond',serif;
    font-size:52px;
    font-weight:600;
    margin:30px 0 15px;

}


.buyc-auth-brand p{

    color:#666;
    font-size:18px;
    line-height:1.7;

}


/* CARD */

.buyc-auth-card{

    background:#fff;
    padding:50px;
    border:1px solid #eee;
    box-shadow:0 30px 80px rgba(0,0,0,.08);

}


.buyc-auth-card form > div{

    margin-bottom:22px;

}


.buyc-auth-card label{

    display:block;
    color:#222;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:8px;

}


.buyc-auth-card input[type="email"],
.buyc-auth-card input[type="password"],
.buyc-auth-card input[type="text"]{

    width:100%;
    height:52px;
    padding:0 16px;
    border:1px solid #ddd;
    background:#fff;
    border-radius:0;
    font-size:15px;

}


.buyc-auth-card input:focus{

    outline:none;
    border-color:#111;
    box-shadow:none;

}


/* REMEMBER */

.buyc-auth-card label.inline-flex{

    display:flex;
    align-items:center;
    gap:10px;
    font-weight:400;

}


.buyc-auth-card input[type="checkbox"]{

    width:16px;
    height:16px;

}


/* BUTTON AREA */

.buyc-auth-card .flex.items-center.justify-end{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

}


.buyc-auth-card a{

    color:#555;
    font-size:13px;

}


.buyc-auth-card button{

    background:#111!important;
    color:#fff!important;
    border-radius:0!important;
    padding:14px 30px!important;
    min-width:120px;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;

}


/* MOBILE */

@media(max-width:900px){

.buyc-auth-page{

    grid-template-columns:1fr;
    gap:25px;
    padding:30px 18px;

}


.buyc-auth-brand{

    text-align:center;

}


.buyc-auth-logo{

    font-size:60px;

}


.buyc-auth-brand h1{

    font-size:36px;

}


.buyc-auth-card{

    padding:30px 22px;

}

}