/* GSR NIGHT GLASS — v5 */
:root{ --glass:rgba(0,0,0,.48); --glass-strong:rgba(0,0,0,.68); --brd:rgba(255,255,255,.22); --text:#f6f8ff; --muted:#c2c8d9; --neon:#9bff00; --gold:#d4af37; --shadow:0 16px 54px rgba(0,0,0,.66); --blur:14px }
*{box-sizing:border-box} html,body{height:100%} html,body{filter:none !important}
body{ margin:0; color:var(--text); font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background:#050a14 url('./assets/bg_saffron.jpg') center/cover fixed no-repeat }
a{color:var(--text); text-decoration:none} .container{max-width:1200px; margin:0 auto; padding:24px}
.nav{ position:sticky; top:16px; z-index:50; margin:0 auto; max-width:1200px; padding:10px 16px; border-radius:18px; border:1px solid var(--brd); background:linear-gradient(180deg, var(--glass-strong), rgba(0,0,0,.35)); backdrop-filter:blur(var(--blur)) saturate(160%); box-shadow:var(--shadow); display:flex; align-items:center; justify-content:space-between; gap:16px }
.nav .links{display:flex; gap:16px; flex-wrap:wrap} .nav a{padding:8px 14px; border-radius:12px; transition:.2s} .nav a.active,.nav a:hover{background:rgba(255,255,255,.10)}
.brand{display:flex; align-items:center; gap:12px} .brand img{height:40px} .brand .title{font-weight:700; letter-spacing:.12em; font-size:12px; color:var(--muted)}
.hero{padding:120px 24px 72px; display:grid; grid-template-columns:1.2fr .8fr; gap:24px} @media (max-width:900px){ .hero{grid-template-columns:1fr; padding-top:96px} }
.glass{ border:1px solid var(--brd); background:linear-gradient(180deg, var(--glass-strong), rgba(0,0,0,.35)); backdrop-filter:blur(var(--blur)) saturate(180%); border-radius:22px; box-shadow:var(--shadow) }
.hero-copy{padding:28px} .kicker{letter-spacing:.3em; font-size:12px; color:var(--muted)} .h1{font-size:46px; line-height:1.1; margin:8px 0 12px; font-weight:800} .h1 span{color:var(--neon); text-shadow:0 0 18px rgba(155,255,0,.25)} .lede{font-size:16px; color:#d5dbe6}
.cta{display:flex; gap:12px; margin-top:18px} .btn{ border:1px solid var(--gold); color:#0a0f14; background:linear-gradient(180deg,#f6e27a,#c8a449); padding:12px 16px; border-radius:14px; font-weight:700; letter-spacing:.04em; box-shadow:0 10px 26px rgba(212,175,55,.35) } .btn.secondary{ background:rgba(0,0,0,.2); color:var(--text); border-color:var(--brd) }
.widgets{display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:14px} .widget{padding:16px} .widget .label{color:var(--muted); font-size:12px; letter-spacing:.18em} .stat{font-size:32px; font-weight:800; margin-top:6px} .small{font-size:12px; color:var(--muted)}
.section{padding:48px 24px} .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px} @media (max-width:900px){ .grid-3{grid-template-columns:1fr} } .card{padding:22px} .card h3{margin:0 0 8px}
.footer{ margin:48px auto 24px; max-width:1200px; padding:18px; border-radius:18px; border:1px solid var(--brd); background:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35)); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap }
.badge{ display:inline-flex; align-items:center; gap:8px; border:1px dashed rgba(255,255,255,.22); padding:8px 12px; border-radius:12px; font-size:12px; color:var(--muted) }
.news-list{display:flex; flex-direction:column; gap:10px; padding:12px} .news-item{display:flex; justify-content:space-between; gap:12px; border-bottom:1px dashed rgba(255,255,255,.14); padding-bottom:8px}
.mapwrap{height:320px; border-radius:18px; overflow:hidden} .weather{display:flex; gap:14px; align-items:center} .weather img{height:38px}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px} @media (max-width:800px){ .form-grid{grid-template-columns:1fr} }
input,select,textarea{ width:100%; padding:12px 12px; border-radius:12px; border:1px solid var(--brd); background:rgba(0,0,0,.25); color:var(--text) } label{font-size:12px; color:var(--muted) } .uploader{padding:14px; border:1px dashed var(--brd); border-radius:14px; text-align:center}
:root{ --glass:rgba(0,0,0,.48) !important; --glass-strong:rgba(0,0,0,.68) !important; --text:#f6f8ff !important; --muted:#c2c8d9 !important }
body{ background:#050a14 url('./assets/bg_saffron.jpg') center/cover fixed no-repeat !important }
/* Slim bars under the hero copy */
.stacked-bars { display: grid; gap: 8px; margin: 16px 0 6px; }
.bar { height: 38px; display:flex; align-items:center; padding:0 12px; border-radius:12px; overflow: hidden; }
.glassline { border:1px solid var(--brd); background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.22)); }
.bar span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clickable { cursor: pointer; }

/* Bottom rollers (two windows) */
.bottom-rollers { display:grid; grid-template-columns:1fr 1fr; gap: 12px; margin-top: 14px; }
@media (max-width: 900px){ .bottom-rollers { grid-template-columns:1fr; } }
.roller { padding: 12px; }
.roller-track { position: relative; height: 70px; overflow: hidden; }
.roller-track .item { position:absolute; left: 0; right:0; display:flex; justify-content:space-between; padding:6px 4px; opacity: .95; }
.roller-track .item a { color: var(--text); }
/* Slim bars under hero copy */
.stacked-bars { display:grid; gap:8px; margin:16px 0 6px; }
.bar { height:38px; display:flex; align-items:center; padding:0 12px; border-radius:12px; overflow:hidden; }
.glassline { border:1px solid var(--brd); background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.22)); }
.bar span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.clickable { cursor:pointer; }

/* Bottom rollers */
.bottom-rollers { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
@media (max-width:900px){ .bottom-rollers{grid-template-columns:1fr;} }
.roller{padding:12px;}
.roller-track{position:relative;height:70px;overflow:hidden;}
.roller-track .item{position:absolute;left:0;right:0;display:flex;justify-content:space-between;padding:6px 4px;opacity:.95;}
.roller-track .item a{color:var(--text);}