body{

font-family:
'Segoe UI',
Roboto,
sans-serif;

background:

linear-gradient(
120deg,
#0f172a,
#1e293b,
#334155
);

height:100vh;

margin:0;

display:flex;

justify-content:center;

align-items:center;

padding:20px;

overflow:hidden;

}

/* LOGIN BOX */

.login-box{

width:100%;

max-width:460px;

max-height:95vh;

overflow-y:auto;

background:#ffffff;

padding:45px;

border-radius:24px;

box-shadow:

0 25px 60px
rgba(0,0,0,.25);

position:relative;

}

/* TOP COLOR BAR */

.login-box:before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:6px;

background:

linear-gradient(
90deg,
#2563eb,
#7c3aed,
#ec4899
);

}

/* TITLE */

.register-logo{

text-align:center;

margin-bottom:35px;

}

.register-logo a{

font-size:34px;

font-weight:800;

color:#111827;

text-decoration:none;

letter-spacing:.5px;

}

/* INPUT */

.form-control,
#test-input,
#test-input1,
#test-input2,
#test-input3,
#fyearid{

height:58px;

border:

2px solid #e5e7eb;

border-radius:14px;

padding-left:18px;

font-size:15px;

background:#f8fafc;

transition:.3s;

box-shadow:none;

}

.form-control:focus,
#test-input:focus,
#test-input1:focus,
#test-input2:focus,
#test-input3:focus,
#fyearid:focus{

background:#fff;

border-color:#2563eb;

box-shadow:

0 0 0 5px
rgba(37,99,235,.10);

outline:none;

}

/* BUTTON */

.btn-primary{

height:58px;

border:none;

border-radius:14px;

font-size:16px;

font-weight:700;

color:white;

background:

linear-gradient(
90deg,
#2563eb,
#4f46e5
);

transition:.3s;

}

.btn-primary:hover{

transform:
translateY(-2px);

box-shadow:

0 12px 25px
rgba(37,99,235,.25);

}

/* CHECKBOX */

.checkbox{

padding-top:12px;

padding-bottom:10px;

color:#374151;

font-size:14px;

}

/* REMEMBER */

#remember{

margin-left:0;

}

/* ICONS */

.form-control-feedback{

top:17px;

right:15px;

}

/* LINKS */

.social-auth-links{

margin-top:20px;

text-align:center;

font-size:14px;

}

.social-auth-links a{

color:#2563eb;

font-weight:600;

text-decoration:none;

}

.social-auth-links a:hover{

opacity:.8;

}

/* ALERT */

.alert{

border-radius:12px;

margin-top:15px;

}

/* MARQUEE */

marquee{

padding:8px;

border-radius:8px;

font-size:14px;

margin-bottom:8px;

}

/* SCROLLBAR */

.login-box::-webkit-scrollbar{

width:6px;

}

.login-box::-webkit-scrollbar-thumb{

background:#cbd5e1;

border-radius:10px;

}

/* MOBILE */

@media(max-width:768px){

body{

padding:10px;

overflow:hidden;

}

.login-box{

padding:25px;

border-radius:18px;

max-height:96vh;

}

.register-logo a{

font-size:28px;

}

.btn-primary{

width:100%;

}

}