:root{--ra-bg:#181a20;--ra-accent:#7c3aed;--ra-accent-light:#a855f7;--ra-muted:#9aa4b2;--ra-search-bg:#1f222a;--ra-radius:14px;--ra-gap:20px;--ra-card-bg:rgba(255, 255, 255, 0.06);--ra-card-border:rgba(255, 255, 255, 0.1);--ra-shadow:0 10px 30px rgba(16, 24, 40, 0.25);--ra-thumb-h:180px;--ra-text-main:#ffffff;--ra-text-excerpt:rgba(255, 255, 255, 0.75)}@media (prefers-color-scheme:light){:root{--ra-bg:#ffffff;--ra-card-bg:#ffffff;--ra-card-border:#f1f1f5;--ra-text-main:#111827;--ra-text-excerpt:#4b5563;--ra-accent:#590dd4;--ra-muted:#6b7280;--ra-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}}.related-articles{margin:48px 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ra-text-main);background-color:transparent}.related-articles h2{font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:-.5px;color:var(--ra-text-main);text-align:left}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ra-gap)}.ra-card{position:relative;display:flex;flex-direction:column;background:var(--ra-card-bg);border-radius:var(--ra-radius);border:1px solid var(--ra-card-border);box-shadow:var(--ra-shadow);overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease;height:100%}.ra-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:var(--ra-accent)}.ra-thumb-container{position:relative;width:100%;height:var(--ra-thumb-h);overflow:hidden}.ra-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.ra-card:hover .ra-thumb{transform:scale(1.06)}.ra-thumb-container::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4));pointer-events:none}.ra-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex-grow:1;text-align:left}.ra-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ra-tag{background:rgba(124,58,237,.15);color:var(--ra-accent-light);padding:4px 10px;border-radius:6px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ra-time{font-size:13px;color:var(--ra-muted)}.ra-title{margin:0 0 12px 0;font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.02em;color:var(--ra-text-main)}.ra-title-link::after{content:"";position:absolute;inset:0;z-index:1}.ra-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.ra-card:hover .ra-title-link{color:var(--ra-accent-light)}.ra-excerpt{margin-bottom:20px;font-size:15px;line-height:1.6;color:var(--ra-text-excerpt);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ra-footer-link{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--ra-accent-light);font-weight:700;font-size:14px;transition:gap .3s ease}.ra-card:hover .ra-footer-link{gap:12px}.ra-footer-link span{font-size:18px;line-height:1}.ra-footer-alt{margin-top:50px}.ra-cta-card{background:linear-gradient(90deg,#1e222a 0,#181a20 100%);border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2)}.ra-cta-card::before{content:"";position:absolute;top:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.15) 0,transparent 70%);pointer-events:none}.cta-text h3{color:#fff;font-size:22px;margin:0 0 8px 0;font-weight:800}.cta-text p{color:var(--ra-muted);margin:0;font-size:15px}.ra-btn-primary{background:var(--ra-accent);color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:all .3s ease}.ra-btn-primary:hover{background:#8b5cf6;transform:translateY(-2px);box-shadow:0 10px 25px rgba(124,58,237,.4)}@media (max-width:768px){.ra-cta-card{flex-direction:column;text-align:center;padding:30px 20px}}@media (max-width:1100px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.related-grid{grid-template-columns:1fr}.ra-card{flex-direction:row;min-height:auto}.ra-thumb-container{width:130px;height:auto;flex-shrink:0}.ra-body{padding:16px}.ra-excerpt{-webkit-line-clamp:2;margin-bottom:12px}}