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


*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;

}



body{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

background:
linear-gradient(
135deg,
#0f172a,
#1d4ed8,
#0f172a
);

padding:20px;

}




.register-container{

width:100%;

display:flex;

justify-content:center;

}





.register-box{

width:450px;

background:white;

padding:40px;

border-radius:20px;

box-shadow:
0 20px 40px rgba(0,0,0,.4);

}





.logo{

text-align:center;

margin-bottom:30px;

}




.logo h1{

font-size:36px;

color:#1d4ed8;

font-weight:800;

}



.logo p{

color:#64748b;

margin-top:8px;

}





.input-group{

margin-bottom:18px;

}




.input-group label{

display:block;

margin-bottom:7px;

font-weight:600;

color:#334155;

}




.input-group input{

width:100%;

padding:14px;

border-radius:10px;

border:1px solid #cbd5e1;

font-size:15px;

outline:none;

transition:.3s;

}





.input-group input:focus{

border-color:#2563eb;

box-shadow:0 0 5px rgba(37,99,235,.4);

}





.terms{

display:flex;

align-items:center;

gap:10px;

font-size:14px;

margin-bottom:20px;

color:#475569;

}





button{

width:100%;

padding:15px;

border:none;

border-radius:10px;

background:#facc15;

font-size:17px;

font-weight:bold;

cursor:pointer;

transition:.3s;

}





button:hover{

background:#eab308;

transform:translateY(-2px);

}





.login-link{

text-align:center;

margin-top:25px;

color:#64748b;

}





.login-link a{

color:#2563eb;

font-weight:bold;

text-decoration:none;

}





.login-link a:hover{

text-decoration:underline;

}





@media(max-width:500px){


.register-box{

width:100%;

padding:30px 20px;

}



.logo h1{

font-size:30px;

}


}