/* Additive styles only — original CSS kept intact */
:root{ --gold:#b18e39; --border:#1a202a; --bg:#0b0d10; --muted:#a8b3c7 }
.timebar{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.35);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.timebar-track{height:4px;overflow:hidden;position:relative}
.timebar-glow{position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(34,211,238,.4) 20%, rgba(177,142,57,.6) 50%, rgba(34,211,238,.4) 80%, transparent 100%);background-size:200% 100%;animation:slide 5s linear infinite}
@keyframes slide{from{background-position:200% 0} to{background-position:-200% 0}}
.timebar-clock{font-size:12px;color:var(--muted);padding:6px 12px}

/* Rectangle banner polish on common hero classes (non-destructive) */
.hero, .banner, .hero-banner, .hero-section{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--border);
  box-shadow:0 8px 30px rgba(0,0,0,.25);
  border-radius:14px;
  margin:24px auto;
  padding:32px 20px;
  max-width:1200px;
}

/* Buttons */
button, .btn, input[type=submit]{
  border-radius:12px;
  border:1px solid rgba(177,142,57,.45);
  background:linear-gradient(135deg, var(--gold), #e2c477);
  color:#0b0d10; font-weight:800; padding:12px 18px;
}
button:hover, .btn:hover, input[type=submit]:hover{transform:translateY(-1px)}

/* Inputs */
form input, form textarea, form select{
  border-radius:10px; border:1px solid #1a2230; background:#0c1016; color:#e7edf6; padding:10px 12px;
}
form input:focus, form textarea:focus{outline:none; border-color:#2e88a0; box-shadow:0 0 0 3px rgba(34,211,238,.18)}


/* --- Sliding time text (marquee) --- */
.timebar-clock{
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  height: 28px;
  display: flex;
  align-items: center;
}
.timebar-clock .ticker-inner{
  display: inline-block;
  will-change: transform;
  animation: ticker-move 12s linear infinite;
}
.timebar-clock .tick{ display: inline-block; padding-right: 48px; }
@keyframes ticker-move{
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
