:root,[data-theme=dark]{--bg:#080b12;--surface:#0f1420;--surface2:#151c2e;--border:#1a2236;--text:#e8edf8;--muted:#5a6789;--accent:#00e5a0;--accent2:#3b9eff;--accent3:#ff6b35;--warn:#ffd166}[data-theme=light]{--bg:#f0f4f8;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--text:#1a202c;--muted:#718096;--accent:#00a86b;--accent2:#2b6cb0;--accent3:#c05621;--warn:#b7791f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,sans-serif;transition:background .3s,color .3s}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:3s ease-in-out infinite float}.glow{transition:box-shadow .3s;box-shadow:0 0 20px #00e5a04d}.glow:hover{box-shadow:0 0 32px #00e5a080}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:inherit}.btn-volver{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-volver:hover{color:var(--accent);border-color:var(--accent)}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;transition:all .2s;display:block}.related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-card{transition:all .3s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:var(--accent)!important}.ranking-row:hover{background:var(--surface2)}