:root{
  --black: #0a0a0a;
  --ink: #111214;
  --gold: #c9a24b;
  --glass-bg: rgba(255,255,255,0.55);
  --glass-border: rgba(10,10,10,0.10);
  --glass-shadow: 0 8px 32px rgba(10,10,10,0.10);
  --radius: 22px;
}

*{box-sizing:border-box;}
html,body{
  margin:0; padding:0; height:100%;
  background:#ffffff;
  font-family:'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

/* professional black strip header/footer */
.strip{
  background:linear-gradient(90deg, var(--black) 0%, #1c1c1e 55%, var(--black) 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:600;
}
.strip-top{
  height:64px;
  font-size:20px;
  border-bottom:2px solid var(--gold);
}
.strip-bottom{
  height:20px;
  border-top:2px solid var(--gold);
}

.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

/* scrollbars, minimal + elegant */
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-thumb{background:rgba(10,10,10,0.25); border-radius:8px;}
::-webkit-scrollbar-track{background:transparent;}

button{
  font-family:inherit;
  cursor:pointer;
  border:none;
  outline:none;
}

input, textarea{
  font-family:inherit;
}