:root{
  --rr-bg:#0b0f16; --rr-card:#121826; --rr-border:#1c263a; --rr-text:#e6edf7; --rr-muted:#8ea1c0;
  --rr-brand:#3b82f6; --rr-brand-2:#22d3ee; --rr-danger:#ef4444; --rr-success:#22c55e;
}
html,body{height:100%}
body{background:var(--rr-bg);color:var(--rr-text)}
.card.rr{background:var(--rr-card);border:1px solid var(--rr-border);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.text-muted{color:var(--rr-muted)!important}
.form-control, .form-select{
  background: #0f1522; border:1px solid var(--rr-border); color:var(--rr-text);
}
.form-control:focus, .form-select:focus{
  border-color: var(--rr-brand); box-shadow: 0 0 0 .2rem rgba(59,130,246,.15);
}
.btn-primary{background:linear-gradient(90deg,var(--rr-brand),var(--rr-brand-2));border:0}
.btn-primary:hover{filter:brightness(1.07)}
.btn-outline-light{border-color:#3a4a6b;color:#cfe3ff}
.btn-outline-light:hover{background:#23314e;color:#fff}
.alert.rr{
  background:#0f1a2b;border:1px solid #264266;color:#cfe3ff
}
a.link-light{color:#9ecbff}
a.link-light:hover{text-decoration:underline}
.small-note{font-size:.9rem;color:var(--rr-muted)}
.rr-brand{
  background:linear-gradient(90deg,#60a5fa,#22d3ee); -webkit-background-clip:text;background-clip:text;color:transparent;
}