/* Theme: Cyber DeFi (1inch flavor) */
:root{--bg:#06060a;--bg2:#0a0d16;--panel:#0b0f1c;--text:#e7ecff;--muted:#9aa1bb;--brand:#22d3ee;--brand-2:#ec4899;--card:#0c1224;--tag:#121a2e;--ring:rgba(34,211,238,.35)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:
  conic-gradient(from 210deg at 110% -10%, rgba(236,72,153,.12), transparent 30%),
  conic-gradient(from -30deg at -10% 120%, rgba(34,211,238,.12), transparent 40%),
  linear-gradient(180deg,var(--bg),var(--bg2));
color:var(--text);line-height:1.65}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(10,13,22,.85);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(34,211,238,.12)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.brand{font-weight:800;text-decoration:none;letter-spacing:.6px;color:#fff}
.brand::after{content:'';display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:2px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 16px rgba(236,72,153,.6)}
.site-nav ul{display:flex;gap:10px;list-style:none;margin:0;padding:0;overflow:auto}
.site-nav a{display:block;padding:6px 10px;border-radius:10px;color:var(--text);text-decoration:none;border:1px dashed rgba(34,211,238,.22);background:rgba(12,18,36,.45);font-variant:all-small-caps}
.site-nav a:hover{border-style:solid;border-color:rgba(34,211,238,.45);box-shadow:0 0 0 4px var(--ring) inset}
.site-nav a.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0a0d16;border-color:transparent}
.breadcrumbs{margin:22px 0 0;color:var(--muted);font-size:.95rem}
.prose{margin:22px 0 30px;background:linear-gradient(180deg,rgba(34,211,238,.07),rgba(236,72,153,.07)),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px dashed rgba(34,211,238,.18);border-radius:18px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.prose h1{margin:0 0 12px;font-size:2.15rem;line-height:1.2}
.prose p{margin:12px 0;font-size:1.04rem}
.prose ul{margin:12px 0 12px 20px}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}
.tag{display:inline-block;background:linear-gradient(180deg,#0f1a33,#0a1122);color:#dfe6ff;padding:6px 12px;border-radius:999px;font-size:.82rem;text-decoration:none;border:1px dashed rgba(34,211,238,.22)}
.more{margin:34px 0 70px}
.more h2{font-size:1.45rem;margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.card{display:block;background:linear-gradient(180deg,var(--card),#0a1328);border:1px dashed rgba(34,211,238,.2);border-radius:14px;padding:16px 18px;color:#eef3ff;text-decoration:none;min-height:82px;box-shadow:0 14px 40px rgba(0,0,0,.45);transform:perspective(700px) translateZ(0);transition:transform .15s ease, box-shadow .2s ease}
.card:hover{transform:perspective(700px) rotateX(1deg) translateY(-2px);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 0 3px var(--ring) inset}
.site-footer{border-top:1px dashed rgba(34,211,238,.2);padding:24px 0 44px;color:var(--muted)}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.site-header .wrap{min-height:auto;gap:12px;padding:12px 16px}.site-nav ul{flex-wrap:wrap}.grid{grid-template-columns:1fr}.prose{padding:20px;border-radius:14px}}