:root{--bg:#080C1C;--surface:#0D1328;--border:rgba(255,255,255,0.08);--orange:#FA5000;--cyan:#00C3E3;--text:#FFFFFF;--muted:rgba(255,255,255,0.75);--subtle:rgba(255,255,255,0.50)}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{font-family:'Satoshi',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

    .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .aurora-orb{position:absolute;border-radius:50%}
    .orb1{width:680px;height:680px;top:-260px;right:-180px;background:radial-gradient(circle at 40% 40%,rgba(0,195,227,.55) 0%,rgba(0,195,227,.20) 45%,transparent 72%);filter:blur(45px)}
    .orb2{width:600px;height:600px;bottom:-220px;left:-200px;background:radial-gradient(circle at 60% 60%,rgba(250,80,0,.50) 0%,rgba(250,80,0,.18) 45%,transparent 72%);filter:blur(48px)}
    .orb3{width:520px;height:520px;top:30%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(110,60,255,.38) 0%,rgba(90,50,220,.12) 45%,transparent 70%);filter:blur(50px)}
    @media(max-width:768px){.aurora{display:none}}

    .page-wrap{max-width:1280px;margin:0 auto;padding:0 80px}

    .art-hero{padding:140px 0 64px;position:relative;z-index:1}
    .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.4);margin-bottom:28px;flex-wrap:wrap}
    .breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
    .breadcrumb a:hover{color:white}
    .breadcrumb span{color:rgba(255,255,255,.2)}

    .art-tags{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
    .tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:20px}
    .tag-type{background:rgba(250,80,0,.12);border:1px solid rgba(250,80,0,.28);color:var(--orange)}
    .tag-topic{background:rgba(0,195,227,.07);border:1px solid rgba(0,195,227,.18);color:var(--cyan)}

    .art-h1{font-size:clamp(30px,3.8vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:white;margin-bottom:20px;max-width:860px}
    .art-intro{font-size:18px;line-height:1.72;color:rgba(255,255,255,.78);max-width:720px;margin-bottom:36px}

    .art-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .meta-author{display:flex;align-items:center;gap:10px}
    .meta-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;flex-shrink:0}
    .meta-name{font-size:14px;font-weight:600;color:white}
    .meta-role{font-size:12px;color:rgba(255,255,255,.45)}
    .meta-divider{width:1px;height:32px;background:var(--border)}
    .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.45)}
    .meta-item svg{width:14px;height:14px;stroke:rgba(255,255,255,.3);flex-shrink:0}

    .art-body{padding:72px 0 80px;display:grid;grid-template-columns:1fr 300px;gap:80px;align-items:start;position:relative;z-index:1}

    .art-prose{min-width:0}
    .art-prose h2{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.022em;line-height:1.25;color:white;margin:48px 0 16px}
    .art-prose h2:first-child{margin-top:0}
    .art-prose h3{font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:rgba(255,255,255,.9);margin:32px 0 12px}
    .art-prose p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:20px}
    .art-prose p:last-child{margin-bottom:0}
    .art-prose ul,.art-prose ol{padding-left:0;margin-bottom:24px;display:flex;flex-direction:column;gap:10px;list-style:none}
    .art-prose li{font-size:16px;line-height:1.75;color:var(--muted);display:flex;align-items:flex-start;gap:12px}
    .art-prose ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;margin-top:9px}
    .art-prose ol{counter-reset:ol-counter}
    .art-prose ol li{counter-increment:ol-counter}
    .art-prose ol li::before{content:counter(ol-counter);min-width:24px;height:24px;border-radius:50%;background:rgba(0,195,227,.1);border:1px solid rgba(0,195,227,.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:2px}
    .art-prose strong{font-weight:700;color:white}
    .art-prose ol li strong{display:block;margin-bottom:3px}
    .art-prose ol li>span{display:block}
    .art-prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(0,195,227,.35);transition:text-decoration-color .2s}
    .art-prose a:hover{text-decoration-color:var(--cyan)}
    .art-prose hr{border:none;height:1px;background:var(--border);margin:40px 0}

    .callout{background:rgba(0,195,227,.06);border:1px solid rgba(0,195,227,.18);border-radius:12px;padding:24px 28px;margin:32px 0}
    .callout-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
    .callout p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.75);margin:0}
    .callout.warning{background:rgba(250,80,0,.06);border-color:rgba(250,80,0,.18)}
    .callout.warning .callout-label{color:var(--orange)}

    .stat-highlight{display:flex;gap:24px;flex-wrap:wrap;margin:36px 0}
    .stat-hl{flex:1;min-width:140px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;text-align:center}
    .stat-hl-n{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:8px}
    .stat-hl-n.o{color:var(--orange)}
    .stat-hl-n.c{color:var(--cyan)}
    .stat-hl-l{font-size:12px;color:var(--muted);line-height:1.5}

    .breach-list{display:flex;flex-direction:column;gap:24px;margin:32px 0}
    .breach-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:24px 28px}
    .breach-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
    .breach-title{font-size:16px;font-weight:700;color:white;line-height:1.3}
    .breach-date{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0;padding-top:2px}
    .breach-card p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
    .breach-card p + p{margin-top:10px}

    .vuln-table{margin:28px 0;border:1px solid var(--border);border-radius:14px;overflow:hidden}
    .vuln-row{display:grid;grid-template-columns:200px 1fr;border-top:1px solid var(--border)}
    .vuln-row:first-child{border-top:none}
    .vuln-system{padding:16px 20px;font-size:14px;font-weight:700;color:white;background:rgba(255,255,255,.03);border-right:1px solid var(--border);display:flex;align-items:flex-start}
    .vuln-impact{padding:16px 20px;font-size:14px;line-height:1.7;color:var(--muted)}

    .art-sidebar{position:sticky;top:88px}
    .sidebar-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:24px;margin-bottom:16px}
    .sidebar-card:last-child{margin-bottom:0}
    .sidebar-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px}
    .fc-link{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:12px;text-decoration:none;transition:color .2s;line-height:1.45}
    .fc-link:last-child{margin-bottom:0}
    .fc-link:hover{color:white}
    .fc-link svg{flex-shrink:0;margin-top:2px}
    .share-btns{display:flex;flex-direction:column;gap:8px}
    .share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--border);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s;color:rgba(255,255,255,.7)}
    .share-btn:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:white}
    .share-btn svg{flex-shrink:0}
    .toc{display:flex;flex-direction:column;gap:2px}
    .toc-item{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;padding:6px 10px;border-radius:6px;border-left:2px solid transparent;transition:color .2s,background .2s,border-color .2s;line-height:1.4}
    .toc-item:hover{color:white;background:rgba(255,255,255,.05);border-left-color:var(--cyan)}

    .art-cta{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.22) 0%,transparent 60%),radial-gradient(ellipse 55% 60% at 5% 0%,rgba(0,195,227,.08) 0%,transparent 55%),radial-gradient(circle,rgba(255,255,255,.038) 1px,transparent 1px),rgba(13,19,40,0.90);background-size:auto,auto,28px 28px,auto;border-top:1px solid var(--border);padding:80px;text-align:center;position:relative;overflow:hidden}
    .art-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(250,80,0,.6) 30%,rgba(0,195,227,.6) 70%,transparent 100%)}
    .art-cta-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
    .art-cta-h2{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:white;margin-bottom:14px}
    .art-cta-sub{font-size:16px;color:var(--muted);margin:0 auto 36px;max-width:420px;line-height:1.72}
    .art-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    .btn-primary{display:inline-block;padding:14px 30px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s,transform .2s}
    .btn-primary:hover{opacity:.86;transform:translateY(-2px)}
    .btn-ghost{display:inline-block;padding:14px 30px;border-radius:8px;background:transparent;color:white;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.22);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
    .btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.38);transform:translateY(-2px)}

    .footer{background:radial-gradient(ellipse 60% 90% at 10% 40%,rgba(250,80,0,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 90% 70%,rgba(0,195,227,.05) 0%,transparent 60%),rgba(4,7,15,0.90);border-top:1px solid var(--border);padding:72px 80px 40px}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto}
    .footer-tagline{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;max-width:220px;margin-top:10px}
    .fc-head{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:16px}
    .footer-fc-link{display:block;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:10px;text-decoration:none;transition:color .2s}
    .footer-fc-link:hover{color:white}
    .footer-btm{max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
    .footer-copy{font-size:12px;color:rgba(255,255,255,.26)}
    .footer-legal{display:flex;gap:20px}
    .footer-legal a{font-size:12px;color:rgba(255,255,255,.26);text-decoration:none}
    .footer-legal a:hover{color:rgba(255,255,255,.6)}
    .footer-social{display:flex;gap:10px;margin-top:16px}
    .social-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
    .social-li{color:#0A66C2;border-color:rgba(10,102,194,.3)}
    .social-li:hover{border-color:#0A66C2;background:rgba(10,102,194,.12)}

    [data-theme="light"]{--bg:#F0F4FF;--surface:#FFFFFF;--border:rgba(10,20,60,0.10);--text:#0A1440;--muted:rgba(10,20,60,0.55);--subtle:rgba(10,20,60,0.35);--cyan:#0098B0}
    [data-theme="light"] body{color:#0A1440}
    [data-theme="light"] .art-h1{color:#0A1440}
    [data-theme="light"] .art-intro{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-meta{border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .meta-name{color:#0A1440}
    [data-theme="light"] .meta-divider{background:rgba(10,20,60,.10)}
    [data-theme="light"] .art-prose h2{color:#0A1440}
    [data-theme="light"] .art-prose h3{color:rgba(10,20,60,.85)}
    [data-theme="light"] .art-prose p{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-prose li{color:rgba(10,20,60,.65)}
    [data-theme="light"] .art-prose ul li::before{background:#0098B0}
    [data-theme="light"] .art-prose ol li::before{background:rgba(0,152,176,.08);border-color:rgba(0,152,176,.25);color:#0098B0}
    [data-theme="light"] .art-prose strong{color:#0A1440}
    [data-theme="light"] .art-prose a{color:#0098B0}
    [data-theme="light"] .art-prose hr{background:rgba(10,20,60,.10)}
    [data-theme="light"] .callout{background:rgba(0,152,176,.05);border-color:rgba(0,152,176,.18)}
    [data-theme="light"] .callout p{color:rgba(10,20,60,.65)}
    [data-theme="light"] .callout.warning{background:rgba(250,80,0,.05);border-color:rgba(250,80,0,.18)}
    [data-theme="light"] .stat-hl{background:rgba(10,20,60,.04);border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .stat-hl-l{color:rgba(10,20,60,.55)}
    [data-theme="light"] .breach-card{background:rgba(10,20,60,.03);border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .breach-title{color:#0A1440}
    [data-theme="light"] .breach-card p{color:rgba(10,20,60,.65)}
    [data-theme="light"] .breach-date{color:rgba(10,20,60,.30)}
    [data-theme="light"] .vuln-table{border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .vuln-row{border-color:rgba(10,20,60,.08)}
    [data-theme="light"] .vuln-system{background:rgba(10,20,60,.03);border-color:rgba(10,20,60,.10);color:#0A1440}
    [data-theme="light"] .vuln-impact{color:rgba(10,20,60,.65)}
    [data-theme="light"] .sidebar-card{background:#fff;border-color:rgba(10,20,60,.10);box-shadow:0 4px 16px rgba(10,20,60,.06)}
    [data-theme="light"] .fc-link{color:rgba(10,20,60,.55)}
    [data-theme="light"] .fc-link:hover{color:#0A1440}
    [data-theme="light"] .share-btn{border-color:rgba(10,20,60,.12);background:rgba(10,20,60,.03);color:rgba(10,20,60,.65)}
    [data-theme="light"] .share-btn:hover{background:rgba(10,20,60,.07);border-color:rgba(10,20,60,.20);color:#0A1440}
    [data-theme="light"] .toc-item{color:rgba(10,20,60,.45)}
    [data-theme="light"] .toc-item:hover{color:#0A1440;background:rgba(10,20,60,.05);border-left-color:#0098B0}
    [data-theme="light"] .art-cta{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.10) 0%,transparent 60%),radial-gradient(circle,rgba(10,20,60,.028) 1px,transparent 1px),rgba(232,238,255,0.97);background-size:auto,28px 28px,auto}
    [data-theme="light"] .art-cta-h2{color:#0A1440}
    [data-theme="light"] .art-cta-sub{color:rgba(10,20,60,.60)}
    [data-theme="light"] .btn-ghost{color:#0A1440;border-color:rgba(10,20,60,.22)}
    [data-theme="light"] .btn-ghost:hover{background:rgba(10,20,60,.06);border-color:rgba(10,20,60,.38)}
    [data-theme="light"] .footer{background:#E5EAF8;border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .footer-fc-link{color:rgba(10,20,60,.55)}
    [data-theme="light"] .footer-fc-link:hover{color:#0A1440}
    [data-theme="light"] .footer-btm{border-color:rgba(10,20,60,.10)}
    [data-theme="light"] .footer-copy,.footer-legal a{color:rgba(10,20,60,.35)}
    [data-theme="light"] .aurora-orb{opacity:0.12}

    .takeaways{background:rgba(0,195,227,.06);border:1px solid rgba(0,195,227,.18);border-radius:14px;padding:24px 28px;margin:0 0 40px}
    .takeaways-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
    .takeaways-list{list-style:none;display:flex;flex-direction:column;gap:10px}
    .takeaways-list li{font-size:15px;line-height:1.65;color:var(--muted);padding-left:22px;position:relative}
    .takeaways-list li::before{content:'\2192';position:absolute;left:0;color:var(--cyan);font-weight:700}
    [data-theme="light"] .takeaways{background:rgba(0,152,176,.05);border-color:rgba(0,152,176,.18)}
    [data-theme="light"] .takeaways-list li{color:rgba(10,20,60,.65)}
    [data-theme="light"] .takeaways-list li::before{color:#0098B0}

    .faq-section{max-width:1280px;margin:0 auto;padding:0 80px 80px}
    .faq-section .page-wrap{padding:0 380px 0 0}
    @media(max-width:1024px){.faq-section{padding:0 48px 80px}.faq-section .page-wrap{padding:0}}
    @media(max-width:768px){.faq-section{padding:0 24px 80px}}
    .faq-section h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.03em;color:white;margin-bottom:28px}
    .faq-list{display:flex;flex-direction:column;gap:8px}
    .faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02)}
    .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:600;color:white;cursor:pointer;list-style:none;gap:16px;line-height:1.4}
    .faq-q::-webkit-details-marker{display:none}
    .faq-q::after{content:'';width:18px;height:18px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.4)' stroke-width='2.5'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s}
    details[open] .faq-q::after{transform:rotate(180deg)}
    .faq-a{padding:0 22px 18px;font-size:15px;line-height:1.75;color:var(--muted)}
    .faq-a p{margin:0}
    [data-theme="light"] .faq-section h2{color:#0A1440}
    [data-theme="light"] .faq-item{border-color:rgba(10,20,60,.10);background:rgba(10,20,60,.02)}
    [data-theme="light"] .faq-q{color:#0A1440}
    [data-theme="light"] .faq-q::after{background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(10,20,60,.4)' stroke-width='2.5'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}
    [data-theme="light"] .faq-a{color:rgba(10,20,60,.65)}

    .related-section{max-width:1280px;margin:0 auto;padding:44px 80px 80px}
    @media(max-width:1024px){.related-section{padding:44px 48px 80px}}
    @media(max-width:768px){.related-section{padding:44px 24px 80px}}
    .related-label{font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0 0 20px}
    .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
    .related-card{display:block;padding:14px 18px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);font-size:.875rem;font-weight:600;line-height:1.4;transition:border-color .18s}
    .related-card:hover{border-color:var(--orange)}

    @media(max-width:1024px){
      .page-wrap{padding:0 48px}
      .art-body{grid-template-columns:1fr;gap:48px}
      .art-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
      .sidebar-card{margin-bottom:0}
      .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:36px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .art-cta{padding:80px 48px}
      .footer{padding:64px 48px 36px}
    }
    @media(max-width:768px){
      .nav-links,.nav-cta,.nav-controls{display:none}
      .page-wrap{padding:0 24px}
      .art-hero{padding:120px 0 48px}
      .art-body{padding:48px 0 64px;gap:40px}
      .art-sidebar{grid-template-columns:1fr}
      .art-prose h2{font-size:22px;margin-top:36px}
      .stat-highlight{gap:12px}
      .vuln-row{grid-template-columns:1fr}
      .vuln-system{border-right:none;border-bottom:1px solid var(--border)}
      .art-cta{padding:64px 24px}
      .footer{padding:56px 20px 40px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .footer-btm{flex-direction:column;gap:14px;text-align:center}
      .footer-legal{flex-wrap:wrap;justify-content:center}
    }
    @media(max-width:480px){
      .art-cta-btns{flex-direction:column;align-items:center}
      .art-meta{gap:14px}
      .meta-divider{display:none}
    }
    :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
    @media(prefers-reduced-motion:reduce){.aurora-orb{animation:none}}