body{
border-radius:6px;

color:white;
font-weight:bold;

cursor:pointer;

box-shadow:0 0 15px #7a1cff;

}

button:hover{
background:#9c4dff;
}

.topbar{

display:flex;
justify-content:space-between;
align-items:center;

padding:15px 25px;

background:#090012;

box-shadow:0 0 15px #7a1cff;

}

.brand{

display:flex;
align-items:center;

font-weight:bold;

}

.brand img{
width:40px;
margin-right:10px;
}

.dashboard{
padding:40px;
}

.grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:25px;

margin-top:30px;

}

.card{

background:#0c0018;
padding:20px;

border-radius:10px;

box-shadow:0 0 20px #6f2aff;

}

textarea{
width:100%;
height:120px;
background:#140024;
color:white;
border:none;
padding:10px;
margin-top:10px;
}

ul{
padding-left:20px;
}

.login-screen{

height:100vh;
display:flex;
justify-content:center;
align-items:center;

}

.login-center{

width:100%;
display:flex;
justify-content:center;
align-items:center;

}

.login-box{

padding:40px;
border-radius:20px;

background:rgba(255,255,255,.03);

border:1px solid rgba(139,92,246,.25);

backdrop-filter:blur(20px);

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

width:340px;

text-align:center;

}

.login-box input{

width:100%;
padding:12px;
margin:10px 0;

background:rgba(255,255,255,.03);

border:1px solid rgba(139,92,246,.2);

border-radius:8px;

color:white;

}

textarea{

width:100%;
height:100px;

margin-top:10px;

background:rgba(255,255,255,.03);

border:1px solid rgba(139,92,246,.2);

color:white;

padding:10px;

border-radius:8px;

}