/* ======================================
   NOVA CAPITAL
   Register Page
====================================== */

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

body{

background:#0f172a;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:30px;

}

.register-wrapper{

width:100%;

display:flex;

justify-content:center;

align-items:center;

}

.register-card{

width:100%;

max-width:520px;

background:#ffffff;

border-radius:20px;

padding:35px;

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

}

.logo-area{

text-align:center;

margin-bottom:30px;

}

.logo-area img{

width:90px;

margin-bottom:15px;

}

.logo-area h2{

font-size:28px;

font-weight:700;

color:#0f172a;

margin-bottom:8px;

}

.logo-area p{

color:#666;

font-size:14px;

}

.form-group{

margin-bottom:18px;

}

.form-group label{

display:block;

margin-bottom:8px;

font-weight:600;

font-size:14px;

color:#333;

}

.input-box{

position:relative;

}

.input-box i{

position:absolute;

left:15px;

top:50%;

transform:translateY(-50%);

color:#777;

font-size:16px;

}

.input-box input,

.input-box select{

width:100%;

height:52px;

padding-left:48px;

padding-right:15px;

border:1px solid #ddd;

border-radius:12px;

font-size:15px;

outline:none;

transition:.3s;

background:#fff;

}

.input-box input:focus,

.input-box select:focus{

border-color:#2563eb;

box-shadow:0 0 0 3px rgba(37,99,235,.15);

}

.register-btn{

width:100%;

height:55px;

border:none;

border-radius:12px;

background:#2563eb;

color:#fff;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

margin-top:10px;

}

.register-btn:hover{

background:#1d4ed8;

transform:translateY(-2px);

}

.register-btn i{

margin-right:8px;

}

.login-link{

margin-top:25px;

text-align:center;

font-size:15px;

color:#555;

}

.login-link a{

color:#2563eb;

text-decoration:none;

font-weight:600;

}

.login-link a:hover{

text-decoration:underline;

}

.alert{

padding:14px 18px;

border-radius:10px;

margin-bottom:20px;

font-size:14px;

font-weight:500;

}

.alert.error{

background:#ffe5e5;

color:#c62828;

border:1px solid #ef9a9a;

}

.alert.success{

background:#e8f5e9;

color:#2e7d32;

border:1px solid #a5d6a7;

}

@media(max-width:768px){

body{

padding:15px;

}

.register-card{

padding:25px;

border-radius:16px;

}

.logo-area img{

width:75px;

}

.logo-area h2{

font-size:24px;

}

.input-box input,

.input-box select{

height:50px;

font-size:14px;

}

.register-btn{

height:50px;

font-size:15px;

}

}