.t8 { min-height: 100vh; background: #0a0d12; color: #eaf0ff; }
.t8-head { position: sticky; top: 0; z-index: 30; background: rgba(10,13,18,0.82); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(234,240,255,0.10); }
.t8-head__inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; }
.t8-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; }
.t8-orb { width: 16px; height: 16px; border-radius: 999px; background: radial-gradient(circle at 30% 30%, #60a5fa, #a78bfa 40%, #22c55e 80%); display: inline-block; }
.t8-split { display: grid; grid-template-columns: 0.95fr 1.05fr; min-height: calc(100vh - 52px); }
.t8-left { background: radial-gradient(1200px 700px at 20% 10%, rgba(96,165,250,0.25), transparent 60%), radial-gradient(1000px 600px at 70% 30%, rgba(34,197,94,0.22), transparent 55%); border-right: 1px solid rgba(234,240,255,0.10); }
.t8-left__inner { padding: 22px 18px; }
.t8-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; opacity: 0.75; }
.t8-title { margin-top: 10px; font-size: clamp(26px, 2.6vw, 40px); font-weight: 800; line-height: 1.05; }
.t8-tagline { margin-top: 14px; opacity: 0.9; }
.t8-swiper { margin-top: 18px; }
.t8-slide { height: 120px; border-radius: 16px; border: 1px solid rgba(234,240,255,0.12); background: rgba(234,240,255,0.06); }
.t8-right { background: #0a0d12; display: flex; }
.t8-paper { margin: 18px; padding: 18px; border-radius: 18px; border: 1px solid rgba(234,240,255,0.10); background: rgba(234,240,255,0.04); width: 100%; line-height: 1.75; }
.t8-paper img { max-width: 100%; height: auto; border-radius: 14px; }
.t8-drawer { position: fixed; inset: 0; pointer-events: none; }
.t8-drawer__panel { position: absolute; top: 0; right: 0; height: 100%; width: min(360px, 92vw); background: #0f1522; border-left: 1px solid rgba(234,240,255,0.10); transform: translateX(110%); transition: transform 200ms ease; padding: 16px; z-index: 60; }
.t8-drawer__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); opacity: 0; transition: opacity 200ms ease; z-index: 50; }
.t8-drawer[data-open="1"] { pointer-events: auto; }
.t8-drawer[data-open="1"] .t8-drawer__panel { transform: translateX(0); }
.t8-drawer[data-open="1"] .t8-drawer__backdrop { opacity: 1; }
.t8-drawer__top { display: flex; justify-content: space-between; align-items: center; }
.t8-drawer__title { font-weight: 800; letter-spacing: 0.06em; }
.t8-drawer__nav ul { margin-top: 14px; }
.t8-drawer__nav a { color: #eaf0ff; }
.t8-li.is-active a { text-decoration: underline; text-underline-offset: 6px; }
.t8-drawer__social { margin-top: 14px; padding-top: 12px; border-top: 1px dashed rgba(234,240,255,0.16); display: grid; gap: 8px; }
.t8-drawer__social a { color: rgba(234,240,255,0.9); }
.t8-foot { padding: 10px 14px 22px; opacity: 0.75; }

@media (max-width: 900px) {
  .t8-split { grid-template-columns: 1fr; }
  .t8-left { border-right: none; border-bottom: 1px solid rgba(234,240,255,0.10); }
}