body{
margin:0;
font-family:Poppins;
background:#0B0F1A;
color:white;
}

.topbar{
padding:15px;
text-align:center;
font-weight:700;
background:linear-gradient(90deg,#7C3AED,#2563EB);
}

.container{
padding:15px;
}

.card{
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.1);
padding:15px;
border-radius:15px;
margin-bottom:12px;
backdrop-filter:blur(10px);
}

h1,h3{
margin:0 0 10px 0;
}

body{
margin:0;
font-family:Poppins;
background:#0B0F1A;
color:#fff;
}

.card{
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.1);
padding:15px;
margin:12px;
border-radius:16px;
backdrop-filter:blur(10px);
}

button,.btn{
padding:10px 14px;
border:none;
border-radius:12px;
background:linear-gradient(135deg,#7C3AED,#2563EB);
color:#fff;
cursor:pointer;
}

input{
padding:10px;
border-radius:10px;
border:none;
width:100%;
margin-top:8px;
}

.progress{
height:12px;
background:#1f2937;
border-radius:20px;
overflow:hidden;
}

.bar{
height:100%;
background:linear-gradient(90deg,#22c55e,#16a34a);
width:40%;
}