body{

font-family:Arial;

margin:0;

background:#111827;

color:white;

}

.logo{

width:120px;

margin:auto;

display:block;

}

.login-container{

max-width:350px;

margin:80px auto;

background:#1f2937;

padding:25px;

border-radius:12px;

}

.topbar{

background:#000;

padding:15px;

text-align:center;

}

.menu{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

padding:20px;

}

.menu a{

background:#10b981;

padding:15px;

text-align:center;

text-decoration:none;

color:white;

border-radius:10px;

font-weight:bold;

}

.cards{

display:grid;

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

gap:15px;

padding:20px;

}

.card{

background:#1f2937;

padding:20px;

border-radius:12px;

text-align:center;

}

input,

button,

select{

width:100%;

padding:12px;

margin-top:10px;

border:none;

border-radius:8px;

}

button{

background:#10b981;

color:white;

font-weight:bold;

}