*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root { --bg:#05050d;--surf:#0d0d18;--surf2:#12121f;--b1:rgba(255,255,255,0.06);--b2:rgba(255,255,255,0.11);--text:#eeeef5;--muted:#7b7b99;--dim:#4a4a66;--ind:#6366f1;--ind2:#818cf8;--vio:#8b5cf6;--grn:#10b981;--amb:#f59e0b;--head:'Cabinet Grotesk',sans-serif;--body:'Instrument Sans',sans-serif; }
    html { scroll-behavior: smooth; }
    body { background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column; }
    .orb { position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:0.12; }
    .orb-1 { width:500px;height:500px;background:radial-gradient(circle,#6366f1,transparent);top:-100px;left:-100px;animation:drift1 20s ease-in-out infinite; }
    .orb-2 { width:400px;height:400px;background:radial-gradient(circle,#8b5cf6,transparent);bottom:20%;right:-80px;animation:drift2 25s ease-in-out infinite; }
    @keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
    @keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,40px)}}
    nav { position:sticky;top:0;z-index:200;background:rgba(5,5,13,0.9);backdrop-filter:blur(24px);border-bottom:1px solid var(--b1); }
    .nav-inner { max-width:1200px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1rem; }
    .brand { display:flex;align-items:center;gap:10px;font-family:var(--head);font-size:1.1rem;font-weight:800;color:var(--text);text-decoration:none; }
    .brand-logo { width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f4f4;border-radius:8px;flex-shrink:0; }
    .brand-logo img { width:100%;height:100%;object-fit:cover; }
    .nav-back { margin-left:auto;display:flex;align-items:center;gap:6px;font-size:0.82rem;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:8px;border:1px solid var(--b1);transition:all 0.2s; }
    .nav-back:hover { color:var(--ind2);border-color:rgba(99,102,241,0.3); }
    /* Article Layout */
    .article-hero { position:relative;z-index:1;max-width:800px;margin:0 auto;padding:3rem 1.5rem 2rem;animation:fadeUp 0.6s ease both; }
    .article-breadcrumb { display:flex;align-items:center;gap:8px;font-size:0.78rem;color:var(--muted);margin-bottom:1.5rem; }
    .article-breadcrumb a { color:var(--muted);text-decoration:none;transition:color 0.2s; }
    .article-breadcrumb a:hover { color:var(--ind2); }
    .article-breadcrumb span { color:var(--dim); }
    .article-category { display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:rgba(99,102,241,0.12);color:var(--ind2);border:1px solid rgba(99,102,241,0.2);margin-bottom:1.25rem; }
    .article-title { font-family:var(--head);font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-0.04em;line-height:1.1;margin-bottom:1.25rem; }
    .article-meta { display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);margin-bottom:2.5rem; }
    .meta-author { display:flex;align-items:center;gap:10px; }
    .author-av { width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--ind),#312e81);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;color:white; }
    .meta-author-info .name { font-size:0.85rem;font-weight:600; }
    .meta-author-info .role { font-size:0.75rem;color:var(--muted); }
    .meta-tag { font-size:0.78rem;color:var(--muted); }
    .meta-tag strong { color:var(--text); }
    /* Content */
    .article-body { max-width:800px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1;flex-grow:1; }
    .article-body h2 { font-family:var(--head);font-size:1.7rem;font-weight:800;letter-spacing:-0.03em;margin:2.5rem 0 1rem;color:var(--text); }
    .article-body h3 { font-family:var(--head);font-size:1.2rem;font-weight:700;margin:2rem 0 0.75rem;color:var(--text); }
    .article-body p { color:#c8c8d8;margin-bottom:1.25rem;font-size:1rem;line-height:1.8; }
    .article-body ul, .article-body ol { margin:0 0 1.5rem 1.5rem;color:#c8c8d8; }
    .article-body li { margin-bottom:0.5rem;font-size:0.95rem;line-height:1.7; }
    .article-body strong { color:var(--text); }
    .article-body a { color:var(--ind2);text-decoration:underline;text-underline-offset:3px; }
    .callout { background:rgba(99,102,241,0.07);border:1px solid rgba(99,102,241,0.2);border-left:3px solid var(--ind);border-radius:10px;padding:1.25rem 1.5rem;margin:2rem 0; }
    .callout.green { background:rgba(16,185,129,0.06);border-color:rgba(16,185,129,0.2);border-left-color:var(--grn); }
    .callout.amber { background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.2);border-left-color:var(--amb); }
    .callout-title { font-family:var(--head);font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.5rem;color:var(--ind2); }
    .callout.green .callout-title { color:#34d399; }
    .callout.amber .callout-title { color:#fcd34d; }
    .check-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0.75rem;margin:1.5rem 0; }
    .check-item { background:var(--surf2);border:1px solid var(--b1);border-radius:10px;padding:0.9rem 1rem;font-size:0.85rem;display:flex;align-items:flex-start;gap:8px; }
    .check-item::before { content:'✓';color:var(--grn);font-weight:700;flex-shrink:0;margin-top:1px; }
    .score-table { width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.9rem; }
    .score-table th { text-align:left;padding:10px 12px;background:var(--surf2);color:var(--muted);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;border-bottom:1px solid var(--b1); }
    .score-table td { padding:10px 12px;border-bottom:1px solid var(--b1);color:#c8c8d8; }
    .score-table tr:last-child td { border-bottom:none; }
    .score-badge { display:inline-block;padding:2px 10px;border-radius:99px;font-size:0.75rem;font-weight:700; }
    .sb-green { background:rgba(16,185,129,0.15);color:#34d399; }
    .sb-amber { background:rgba(245,158,11,0.15);color:#fcd34d; }
    .sb-red { background:rgba(239,68,68,0.15);color:#fca5a5; }
    .cta-box { background:linear-gradient(135deg,rgba(99,102,241,0.12),rgba(139,92,246,0.08));border:1px solid rgba(99,102,241,0.25);border-radius:16px;padding:2rem;margin:3rem 0;text-align:center; }
    .cta-box h3 { font-family:var(--head);font-size:1.4rem;font-weight:800;margin-bottom:0.75rem; }
    .cta-box p { color:var(--muted);margin-bottom:1.25rem; }
    .cta-btn { display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ind),var(--vio));color:white;text-decoration:none;padding:0.75rem 1.75rem;border-radius:99px;font-family:var(--head);font-weight:700;font-size:0.95rem;transition:opacity 0.2s; }
    .cta-btn:hover { opacity:0.85; }
    /* Related */
    .related-section { max-width:800px;margin:3rem auto;padding:0 1.5rem 4rem;position:relative;z-index:1; }
    .related-section h2 { font-family:var(--head);font-size:1.4rem;font-weight:800;margin-bottom:1.25rem; }
    .related-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem; }
    .related-card { background:var(--surf);border:1px solid var(--b1);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:border-color 0.2s,transform 0.2s; }
    .related-card:hover { border-color:rgba(99,102,241,0.3);transform:translateY(-3px); }
    .related-cat { font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ind2); }
    .related-title { font-family:var(--head);font-size:0.95rem;font-weight:700;line-height:1.35; }
    footer { position:relative;z-index:1;border-top:1px solid var(--b1);padding:1.25rem;margin-top:auto; }
    .foot { max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--muted);justify-content:center;flex-wrap:wrap; }
    .foot-logo { font-family:var(--head);font-weight:800;color:var(--ind2); }
    .foot-sep { color:var(--dim); }
    .foot-nav-link { color:var(--muted);font-size:0.8rem;text-decoration:none;transition:color 0.2s; }
    .foot-nav-link:hover { color:var(--ind2); }
    @keyframes fadeUp { from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)} }
    ::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px;}
    @media(max-width:640px){.article-title{font-size:1.8rem;}.article-body{padding:0 1rem;}.check-grid{grid-template-columns:1fr;}}