*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{

  font-family:'Poppins',sans-serif;

  background:#000;

  color:#fff;

  min-height:100vh;

  display:flex;

  justify-content:center;

  align-items:center;

  padding:20px;
}

.container{

  width:100%;
  max-width:500px;
}

h1{

  text-align:center;

  margin-bottom:10px;

  font-weight:700;
}

.subtitle{

  text-align:center;

  color:#aaa;

  margin-bottom:25px;
}

.card{

  background:#111;

  border:1px solid #222;

  border-radius:15px;

  padding:20px;
}

h2{

  margin-bottom:20px;
}

button{

  width:100%;

  padding:14px;

  border:none;

  border-radius:10px;

  margin-bottom:10px;

  cursor:pointer;

  background:#fff;

  color:#000;

  font-weight:600;

  transition:.2s;
}

button:hover{

  transform:translateY(-2px);
}

pre{

  margin-top:15px;

  background:#000;

  border:1px solid #333;

  padding:15px;

  border-radius:10px;

  overflow:auto;

  white-space:pre-wrap;
}

.footer{

  margin-top:20px;

  text-align:center;

  color:#777;

  font-size:12px;
}

input{

width:100%;

padding:14px;

margin-bottom:10px;

border-radius:10px;

border:none;

background:#222;

color:white;
}

.login-card{

background:#111;

padding:25px;

border-radius:15px;

max-width:400px;

margin:auto;
}

nav{

display:flex;

gap:10px;

padding:15px;

flex-wrap:wrap;
}

.tab{

padding:15px;
}

.guest-btn{

background:#333;

color:white;
}

select,
textarea{

width:100%;

padding:14px;

margin-bottom:10px;

border-radius:10px;

border:none;

background:#222;

color:white;
}

textarea{

height:120px;

resize:none;
}

.request-card{

background:#111;

border:1px solid #222;

padding:15px;

margin-bottom:10px;

border-radius:12px;
}

.request-header{

display:flex;

justify-content:space-between;

margin-bottom:10px;
}

.request-actions{

display:flex;

gap:5px;

flex-wrap:wrap;

margin-top:10px;
}

.request-actions button{

flex:1;
}