body { 
  background:#000; 
  color:#fff; 
  font-family: 'Courier New', monospace; 
}

.card {
  background:#111;
  padding:2rem;
  border-radius:15px;
  box-shadow:0 0 20px rgba(255,221,0,0.25);
  width:100%;
  max-width:520px;
  margin:auto;
  transition: transform 0.3s;
}

.card:hover { transform: translateY(-5px); }

.accent { color:#ffdd00; font-weight:700; }

.btn {
  background:linear-gradient(90deg,#ffdd00,#ffaa00);
  color:#111; 
  font-weight:700; 
  padding:10px 14px; 
  border-radius:8px; 
  transition:0.3s;
  box-shadow:0 0 10px rgba(255,221,0,0.3);
}

.btn:hover { 
  transform: scale(1.03); 
  background:linear-gradient(90deg,#ffaa00,#ffdd00); 
}

.btn-ghost {
  background:#000; 
  border:1px solid rgba(255,221,0,0.25); 
  color:#ffdd00;
  padding:9px 12px; 
  border-radius:8px;
}

textarea { 
  background:#000; 
  color:#fff; 
  border:1px solid rgba(255,221,0,0.15); 
  padding:8px; 
  border-radius:8px; 
  width:100%; 
  min-height:100px; 
  resize:vertical 
}

progress { 
  width:100%; 
  height:10px; 
  border-radius:5px; 
  overflow:hidden; 
}