body
{
   border-width: 0 !important;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.wb-theme-header
{
   background-color: #444444;
   background-image: none;
   border: 1px solid #333333;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(68,68,68,1.00);
   --border-color: #333333;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-content
{
   background-color: #000000;
   background-image: none;
   border: 1px solid #555555;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,0,0,1.00);
   --border-color: #555555;
   --border-width: 1px;
   --color: #FFFFFF;
   --icon-color: #CCCCCC;
   --colorize: invert(95%) sepia(2%) saturate(7%) hue-rotate(162deg) brightness(90%) contrast(84%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #222222;
   background-image: none;
   border: 1px solid #444444;
   border-radius: 0px;
   color: #EEEEEE;
   --background-color: rgba(34,34,34,1.00);
   --border-color: #444444;
   --border-width: 1px;
   --color: #EEEEEE;
}
.wb-theme-button:hover
{
   background-color: #003147;
   background-image: none;
   border: 1px solid #0B93D5;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(0,49,71,1.00);
   --border-color: #0B93D5;
   --border-width: 1px;
   --color: #FFFFFF;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #0972A5;
   background-image: none;
   border: 1px solid #26B3F7;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(9,114,165,1.00);
   --border-color: #26B3F7;
   --border-width: 1px;
   --color: #FFFFFF;
}
:root {
  --navy:#0b1f3a;
  --blue:#1f4e79;
  --red:#c62828;
  --gold:#f4b400;
  --green:#2e7d32;
}

body {
  margin:0;
  font-family:'Open Sans', sans-serif;
  background: radial-gradient(circle at top, var(--blue), var(--navy));
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
}

.container {
  text-align:center;
}

.glow {
  font-family:'Orbitron';
  font-size:2.5rem;
  color:var(--gold);
  text-shadow:
    0 0 5px var(--gold),
    0 0 10px var(--gold),
    0 0 20px var(--red),
    0 0 40px var(--red);
  animation:pulse 2s infinite alternate;
}

@keyframes pulse {
  from { text-shadow:0 0 5px var(--gold); }
  to { text-shadow:0 0 25px var(--gold),0 0 50px var(--red); }
}

.btn {
  margin-top:20px;
  padding:12px 25px;
  border:none;
  background:linear-gradient(45deg,var(--red),var(--gold));
  color:white;
  cursor:pointer;
  border-radius:6px;
}

.modal { display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7); }
.modal-content {
  background:var(--navy);
  margin:5% auto;
  padding:25px;
  width:90%; max-width:500px;
  border-radius:12px;
  border:2px solid var(--gold);
}

.step { display:none; }
.step.active { display:block; }

input, textarea {
  width:100%;
  padding:12px;
  margin:10px 0;
  border-radius:6px;
  border:none;
}

.progress {
  height:6px;
  background:#333;
  border-radius:5px;
  overflow:hidden;
  margin-bottom:15px;
}
.progress-bar {
  height:100%;
  width:33%;
  background:linear-gradient(90deg,var(--gold),var(--red));
  transition:.3s;
}