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

body{

background:#07121d;

overflow:hidden;

color:#fff;

}

.bg-animation{

position:absolute;

width:100%;

height:100%;

background:

radial-gradient(circle at top left,#2196f355,transparent 45%),

radial-gradient(circle at bottom right,#00bcd455,transparent 40%),

#07121d;

animation:bgMove 8s infinite alternate;

}

@keyframes bgMove{

0%{

transform:scale(1);

}

100%{

transform:scale(1.2);

}

}

.login-card{

background:rgba(20,30,45,.85);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.08);

border-radius:20px;

padding:40px;

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

}

.logo-login{

display:block;

width:100%;

max-width:210px;

height:auto;

margin:0 auto 14px;

}

.logo-circle{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:#0d6efd;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

margin-bottom:15px;

box-shadow:0 0 30px #0d6efd;

}

.form-control{

background:#101d2a;

border:none;

color:#fff;

height:48px;

}

.form-control:focus{

background:#101d2a;

color:#fff;

box-shadow:0 0 0 .2rem rgba(13,110,253,.25);

}

.btn-primary{

height:50px;

font-weight:600;

}