:root{
  --bg:#0e0e10; --ink:#ffffff; --muted:#a0a0a6;
  --border:rgba(255,255,255,.16); --card:rgba(255,255,255,.035);
  --maxw:1100px; --gap:36px; --pad:28px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:17px/1.7 Inter,system-ui,Segoe UI,Roboto,Arial,Helvetica,sans-serif}
.wrapper{max-width:var(--maxw);margin:0 auto;padding:48px 48px}
@media(max-width:640px){ .wrapper{padding:24px} }

.header{display:block;margin-bottom:28px}
.brand{text-align:right}
.brand img{max-width:600px;width:80%;height:auto;display:inline-block;margin-top:8px}

h1,h2,h3{margin:0 0 12px 0;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(28px,3.6vw,44px)}
h2{font-size:clamp(20px,2vw,24px);color:var(--muted)}
p{margin:0 0 14px 0}

.stack > * + *{margin-top:36px} /* vertical rhythm between sections */

.grid{display:grid;grid-template-columns:1fr;gap:var(--gap);align-items:start}
@media(min-width:960px){ .grid{grid-template-columns:1.2fr .8fr} }

.card{border:1px solid var(--border);background:var(--card);padding:var(--pad);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.25)}
.badge{font-size:.9rem;color:var(--muted)}
.cta{display:inline-block;padding:10px 14px;border:1px solid var(--border);border-radius:8px;color:var(--ink);text-decoration:none}
.cta:hover{background:rgba(255,255,255,.08)}

.footer{margin-top:48px;border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.9rem;text-align:center}

.teletextrip{margin-top:40px}
.hr{height:12px;display:block;width:100%;background:linear-gradient(90deg,#00B6F0 0 33.33%,#F41559 33.33% 66.66%,#FFCE00 66.66% 100%);}