*{box-sizing:border-box}
body{
 margin:0;
 font-family:Segoe UI,Arial;
 background:linear-gradient(180deg,#050b1a,#0b1533);
 color:#fff;
}
a{text-decoration:none;color:inherit}
header{
 background:#060c22;
 padding:15px;
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.logo{
 font-size:22px;
 font-weight:bold;
}
.logo span{color:#f7c600;font-style:italic}
.container{padding:20px}
.card{
 background:#0f1b3d;
 padding:18px;
 border-radius:12px;
 margin-bottom:15px;
 box-shadow:0 0 20px rgba(0,0,0,.4);
}
input,select,textarea{
 width:100%;
 padding:12px;
 border-radius:8px;
 border:none;
 margin:8px 0;
}
button{
 background:#1f6cff;
 border:none;
 padding:12px;
 border-radius:8px;
 color:#fff;
 font-weight:bold;
 width:100%;
}
.menu{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:12px;
}
.menu .card{text-align:center}
.footer{
 background:#b00020;
 padding:12px;
 text-align:center;
 font-weight:bold;
 animation:pulse 2s infinite;
}
@keyframes pulse{
 0%{opacity:1}50%{opacity:.6}100%{opacity:1}
}
.badge{
 background:#f7c600;
 color:#000;
 padding:4px 10px;
 border-radius:20px;
 font-size:12px;
}