/* Google Font */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;
    background:#050505;
    color:#fff;
    overflow-x:hidden;

}

a{

    text-decoration:none;

}

.register-page{

    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:50px;

    background:
    radial-gradient(circle at top right,#d4a64f22,transparent 35%),
    radial-gradient(circle at bottom left,#d4a64f15,transparent 30%),
    #050505;

}

.register-container{

    width:100%;
    max-width:1300px;

    display:grid;
    grid-template-columns:1fr 550px;

    background:#111;

    border:1px solid rgba(212,166,79,.18);

    border-radius:25px;

    overflow:hidden;

    box-shadow:
    0 0 60px rgba(0,0,0,.45);

}






/* SOL TARAF */

.register-left{

    padding:80px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    position:relative;

}

.register-left::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:#d4a64f15;

    top:-180px;
    right:-120px;

    filter:blur(10px);

}

.register-left .logo{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:60px;

}

.register-left .logo h2{

    width:65px;
    height:65px;

    border-radius:50%;

    background:#d4a64f;

    color:#111;

    display:flex;

    justify-content:center;

    align-items:center;

    font-family:'Cormorant Garamond',serif;

    font-size:35px;

}

.register-left .logo span{

    font-size:22px;

    font-weight:600;

}

.register-left h1{

    font-family:'Cormorant Garamond',serif;

    font-size:65px;

    line-height:1.1;

    margin-bottom:25px;

}

.register-left p{

    color:#bfbfbf;

    font-size:18px;

    line-height:1.8;

    max-width:500px;

}





/* SAĞ TARAF */

.register-right{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:50px;

}

.register-card{

    width:100%;

    background:#161616;

    padding:45px;

    border-radius:20px;

    border:1px solid rgba(212,166,79,.18);

}

.register-card h2{

    font-size:34px;

    font-family:'Cormorant Garamond',serif;

    margin-bottom:10px;

}

.register-card p{

    color:#999;

    margin-bottom:35px;

}

form{

    display:flex;

    flex-direction:column;

    gap:18px;

}

input,
select{

    height:55px;

    background:#0d0d0d;

    border:1px solid rgba(212,166,79,.20);

    border-radius:12px;

    color:#fff;

    padding:0 18px;

    font-size:15px;

    transition:.30s;

}

input:focus,
select:focus{

    outline:none;

    border-color:#d4a64f;

    box-shadow:0 0 15px rgba(212,166,79,.25);

}

label{

    display:flex;

    align-items:center;

    gap:10px;

    color:#cfcfcf;

    font-size:14px;

}

label input{

    width:18px;
    height:18px;

}

button{

    height:58px;

    border:none;

    border-radius:12px;

    cursor:pointer;

    background:#d4a64f;

    color:#111;

    font-size:16px;

    font-weight:600;

    transition:.30s;

}

button:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(212,166,79,.30);

}

.login-link{

    text-align:center;

    margin-top:30px;

    color:#aaa;

}

.login-link a{

    color:#d4a64f;

    font-weight:600;

}





/* RESPONSIVE */

@media(max-width:1000px){

.register-container{

grid-template-columns:1fr;

}

.register-left{

display:none;

}

.register-right{

padding:30px;

}

.register-card{

padding:35px;

}

}

.error{

    background:#5c1010;

    color:white;

    padding:15px;

    border-radius:10px;

    margin-bottom:20px;

}

.success{

    background:#126b2f;

    color:white;

    padding:15px;

    border-radius:10px;

    margin-bottom:20px;

}