:root{
  --bg1:#fff0f6;
  --bg2:#ecfeff;
  --panel:rgba(255,255,255,.78);
  --text:#111827;
  --muted:#6b7280;
  --hot:#db2777;
  --cool:#2563eb;
  --border:rgba(17,24,39,.14);
}

html,body{height:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
  background:radial-gradient(700px 320px at 15% 10%, rgba(219,39,119,.18), transparent 58%),
             radial-gradient(700px 320px at 85% 0%, rgba(37,99,235,.18), transparent 60%),
             linear-gradient(180deg, var(--bg1), var(--bg2));
  padding-bottom:92px}
a{color:inherit}
.container{max-width:1160px;margin:0 auto;padding:0 16px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.70);backdrop-filter:saturate(1.25) blur(10px);border-bottom:1px solid var(--border)}
.row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 0}
#logo img{display:block;height:34px;width:auto}
.meta{flex:1;min-width:0}
.tagline{color:var(--muted)}
.head-ads{min-width:180px;max-width:380px}

.split{max-width:1160px;margin:0 auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 16px 44px rgba(17,24,39,.10)}
.slot{background:rgba(255,255,255,.70);border:1px dashed rgba(17,24,39,.24);border-radius:18px;padding:12px;position:sticky;top:70px;height:fit-content}

.dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:30}
.dock ul{list-style:none;margin:0;padding:8px;display:flex;gap:8px;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.25) blur(10px);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(17,24,39,.20)}
.dock a{display:block;padding:10px 12px;border-radius:14px;text-decoration:none;white-space:nowrap}
.dock li.active a{background:linear-gradient(90deg, rgba(219,39,119,.18), rgba(37,99,235,.18));font-weight:900}

#footer{border-top:1px solid var(--border);padding:16px 0;background:rgba(255,255,255,.62)}
#footer .social{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#footer .social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:#fff}
#footer p{margin:0;color:var(--muted)}

@media (max-width: 980px){
  .split{grid-template-columns:1fr}
  .head-ads{display:none}
  .slot{position:relative;top:auto}
  .dock{left:10px;right:10px;transform:none}
  .dock ul{justify-content:space-between}
}