:root{
  --rd-bg:#071018;
  --rd-bg-soft:#0d1b27;
  --rd-panel:#102434;
  --rd-panel-2:#173246;
  --rd-text:#f7fbff;
  --rd-muted:#a9bcc9;
  --rd-green:#8fc63f;
  --rd-green-dark:#5e961e;
  --rd-orange:#f3a51b;
  --rd-red:#e84a4a;
  --rd-line:rgba(255,255,255,.12);
  --rd-shadow:0 22px 55px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{color-scheme:dark}
body.rd-body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(143,198,63,.12),transparent 28%),linear-gradient(145deg,var(--rd-bg),#0a1721 54%,#061018);color:var(--rd-text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:var(--rd-green)}
.rd-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:26px 0 48px}
.rd-header{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:10px 0 22px}
.rd-brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--rd-text)}
.rd-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--rd-green),var(--rd-green-dark));box-shadow:0 12px 28px rgba(95,150,30,.3);font-size:30px}
.rd-brand-copy strong{display:block;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:.035em}.rd-brand-copy span{display:block;color:var(--rd-muted);font-size:.92rem;margin-top:3px}
.rd-clock,.rd-pill{border:1px solid var(--rd-line);background:rgba(255,255,255,.055);border-radius:999px;padding:10px 15px;color:var(--rd-text);font-weight:700;backdrop-filter:blur(12px)}
.rd-wave{display:flex;align-items:center;gap:4px;height:22px}.rd-wave i{display:block;width:4px;border-radius:999px;background:var(--rd-green);animation:rd-wave 1.1s ease-in-out infinite}.rd-wave i:nth-child(1){height:8px}.rd-wave i:nth-child(2){height:16px;animation-delay:.1s}.rd-wave i:nth-child(3){height:22px;animation-delay:.2s}.rd-wave i:nth-child(4){height:13px;animation-delay:.3s}.rd-wave i:nth-child(5){height:7px;animation-delay:.4s}@keyframes rd-wave{50%{transform:scaleY(.45);opacity:.7}}
.rd-card{background:linear-gradient(145deg,rgba(16,36,52,.96),rgba(11,27,40,.96));border:1px solid var(--rd-line);border-radius:24px;padding:22px;box-shadow:var(--rd-shadow)}
.rd-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800;color:var(--rd-green)}
.rd-title{font-size:clamp(1.55rem,3vw,2.45rem);font-weight:850;margin:10px 0 8px}.rd-muted{color:var(--rd-muted)}
.rd-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--rd-green),var(--rd-green-dark));color:#081005;padding:12px 17px;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(95,150,30,.22)}
.rd-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.rd-button-secondary{background:var(--rd-panel-2);color:var(--rd-text);box-shadow:none;border:1px solid var(--rd-line)}
.rd-input{width:100%;border:1px solid var(--rd-line);background:#091824;color:var(--rd-text);border-radius:13px;padding:13px 14px;font:inherit;outline:none}.rd-input:focus{border-color:var(--rd-green);box-shadow:0 0 0 3px rgba(143,198,63,.14)}
.rd-footer{text-align:center;color:var(--rd-muted);padding:26px 0 0;font-size:.92rem}
@media(max-width:680px){.rd-mark{width:54px;height:54px;border-radius:17px}.rd-shell{width:min(100% - 20px,1180px);padding-top:14px}.rd-header{align-items:flex-start}.rd-clock{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.rd-wave i{animation:none}.rd-button:hover{transform:none}}

/* Version 2.2.3 – Radio-Dardesheim-Designsystem */
body.rd-body::before{content:"";position:fixed;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--rd-green) 0 42%,var(--rd-orange) 42% 67%,#eef6fb 67% 71%,var(--rd-green) 71% 100%);z-index:9999;box-shadow:0 2px 14px rgba(0,0,0,.4)}
.rd-shell{padding-top:34px}
.rd-header{position:relative;padding:16px 18px 22px;margin-bottom:16px;border:1px solid var(--rd-line);border-radius:24px;background:linear-gradient(135deg,rgba(13,31,45,.96),rgba(7,18,28,.9));box-shadow:0 18px 42px rgba(0,0,0,.2)}
.rd-header::after{content:"RADIO DARDESHEIM";position:absolute;right:18px;bottom:8px;font-size:.64rem;font-weight:900;letter-spacing:.24em;color:rgba(255,255,255,.08);pointer-events:none}
.rd-mark,.brandmark{position:relative;overflow:hidden;background:linear-gradient(145deg,#a8dc56 0%,var(--rd-green) 48%,#4f8518 100%)!important;border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 30px rgba(95,150,30,.32),inset 0 1px 0 rgba(255,255,255,.28)!important}
.rd-mark::before,.brandmark::before{content:"";position:absolute;inset:-40% 48% -40% -35%;background:rgba(255,255,255,.18);transform:rotate(20deg)}
.rd-logo-monogram{position:relative;z-index:1;font:900 1.06rem/1 Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.04em;color:#071018;text-shadow:0 1px rgba(255,255,255,.4)}
.rd-logo-monogram::after{content:"";display:block;width:26px;height:5px;margin:5px auto 0;border-top:3px solid #071018;border-bottom:2px solid #071018;border-radius:50%}
.rd-card{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.rd-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--rd-green),var(--rd-orange));opacity:.8}
.rd-card:hover{border-color:rgba(143,198,63,.32);box-shadow:0 24px 60px rgba(0,0,0,.32)}
.rd-title{letter-spacing:-.025em}.rd-eyebrow{display:inline-flex;align-items:center;gap:7px}.rd-eyebrow::before{content:"";width:18px;height:3px;border-radius:5px;background:var(--rd-orange)}
.rd-button{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.rd-button:focus-visible,.rd-input:focus-visible,a:focus-visible{outline:3px solid rgba(243,165,27,.65);outline-offset:3px}
.rd-footer{border-top:1px solid var(--rd-line);margin-top:28px;padding-top:22px}
.admin-sidebar{background:linear-gradient(180deg,#102b3d,#091923)!important;border-radius:22px!important;padding:18px!important;box-shadow:0 20px 45px rgba(0,0,0,.25);position:sticky;top:18px;align-self:start}
.admin-sidebar h2{font-size:1.08rem!important;letter-spacing:.02em}.admin-sidebar h2::before{content:"RD";display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:15px;background:linear-gradient(145deg,var(--rd-green),var(--rd-green-dark));color:#071018;font-weight:950;box-shadow:0 10px 24px rgba(95,150,30,.28)}
.admin-sidebar a{border:1px solid transparent!important;border-radius:11px!important;transition:.18s ease}.admin-sidebar a:hover{background:rgba(143,198,63,.14)!important;color:#fff!important;border-color:rgba(143,198,63,.45)!important;transform:translateX(3px)}
@media(max-width:800px){.admin-sidebar{position:static}.admin-sidebar h2::before{display:inline-grid;width:34px;height:34px;margin:0 8px 0 0;border-radius:10px}.admin-sidebar h2{display:flex;align-items:center;justify-content:center}.admin-sidebar a:hover{transform:none}}
@media(max-width:680px){body.rd-body::before{height:4px}.rd-header{padding:13px 13px 20px}.rd-header::after{display:none}}
