:root{--b:#6366F1;--b2:#A855F7;--bg:#02030A;--cbg:rgba(8,6,24,.92);--cbd:rgba(99,102,241,.12);--t1:#d0d2f8;--t2:#7878c0;--t3:#383878;}
    .mod-page{--mod-primary:var(--b);--mod-primary-rgb:99,102,241;--mod-secondary:var(--b2);--mod-secondary-rgb:168,85,247;--mod-bg:var(--bg);--mod-card-bg:var(--cbg);--mod-card-border:var(--cbd);--mod-text-primary:var(--t1);--mod-text-secondary:var(--t2);--mod-text-muted:var(--t3);--mod-heading-gradient:linear-gradient(135deg,var(--b),var(--b2));--mod-icon-gradient:linear-gradient(135deg,#4F46E5,#7C3AED);--mod-tag-bg:rgba(99,102,241,.06);--mod-tag-border:rgba(99,102,241,.14);--mod-tag-text:#A5B4FC;--mod-btn-primary-bg:linear-gradient(135deg,#4F46E5,#7C3AED);background:var(--mod-bg);color:var(--mod-text-primary);}
    .w{max-width:1320px;margin:0 auto;padding:0 20px 60px;position:relative;z-index:1;}
    .hero{text-align:center;padding:40px 0 10px;}
    .hero h1{font-size:2.6rem;font-weight:900;margin-bottom:8px;background:linear-gradient(135deg,#818CF8,#C084FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .hero p{font-size:.9rem;color:var(--t2);max-width:680px;margin:0 auto;line-height:1.7;}
    .kpis{display:flex;gap:14px;margin:24px 0 28px;overflow-x:auto;padding:4px 0;}
    .kpi{flex:1;min-width:150px;background:var(--cbg);border:1px solid var(--cbd);border-radius:16px;padding:20px 18px;text-align:center;position:relative;overflow:hidden;}
    .kpi::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--b),transparent);}
    .kpi .v{font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums;}
    .kpi .l{font-size:.68rem;color:var(--t3);margin-top:4px;text-transform:uppercase;letter-spacing:.5px;}
    .sec{margin:32px 0;}
    .sec h2{font-size:1.6rem;font-weight:800;margin-bottom:8px;}
    .sec .dsc{font-size:.8rem;color:var(--t3);margin-bottom:18px;}
    .g2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
    .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
    .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
    .g5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
    .card{background:var(--cbg);border:1px solid var(--cbd);border-radius:16px;padding:20px;transition:transform .2s,border-color .2s;}
    .card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,.28);}
    .card .ico{font-size:30px;margin-bottom:10px;}
    .card h4{font-size:.88rem;font-weight:700;margin-bottom:6px;}
    .card p{font-size:.74rem;color:var(--t2);line-height:1.6;}
    .card .tag{display:inline-block;font-size:.64rem;padding:3px 10px;border-radius:20px;margin-top:6px;font-weight:600;}
    .t-up{background:rgba(34,197,94,.1);color:#4ADE80;}.t-warn{background:rgba(251,191,36,.1);color:#FBBF24;}.t-risk{background:rgba(239,68,68,.1);color:#F87171;}.t-eol{background:rgba(239,68,68,.08);color:#FCA5A5;}.t-ok{background:rgba(99,102,241,.08);color:#A5B4FC;}
    .tbl{background:var(--cbg);border:1px solid var(--cbd);border-radius:16px;padding:20px 24px;overflow-x:auto;}
    .tbl table{width:100%;border-collapse:collapse;font-size:.78rem;}
    .tbl th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cbd);color:var(--t3);font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;}
    .tbl td{padding:12px 14px;border-bottom:1px solid rgba(99,102,241,.05);color:var(--t2);}
    .tbl tr:last-child td{border-bottom:none;}
    .badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.66rem;font-weight:600;}
    .b-green{background:rgba(34,197,94,.12);color:#4ADE80;}.b-yellow{background:rgba(251,191,36,.12);color:#FBBF24;}.b-red{background:rgba(239,68,68,.12);color:#F87171;}.b-blue{background:rgba(99,102,241,.12);color:#A5B4FC;}
    .bar-wrap{background:var(--cbg);border:1px solid var(--cbd);border-radius:16px;padding:22px 24px;}
    .bar-row{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
    .bar-row:last-child{margin-bottom:0;}
    .bar-row .lb{width:130px;font-size:.74rem;color:var(--t2);text-align:right;flex-shrink:0;}
    .bar-row .bar{flex:1;height:10px;background:rgba(99,102,241,.08);border-radius:10px;overflow:hidden;}
    .bar-row .bar-fill{height:100%;border-radius:10px;transition:width .8s ease;}
    .bar-row .bar-val{width:60px;font-size:.72rem;color:var(--t3);text-align:left;flex-shrink:0;}
    .console{background:#050510;border:1px solid #1a1a3a;border-radius:14px;overflow:hidden;margin:16px 0;}
    .console-bar{padding:8px 14px;background:#0C0C20;display:flex;gap:8px;align-items:center;}
    .console-bar .dot{width:10px;height:10px;border-radius:50%;}
    .dot-r{background:#FF5F57;}.dot-y{background:#FEBC2E;}.dot-g{background:#28C840;}
    .console-body{padding:14px 18px;font-family:'Cascadia Code','Fira Code',Consolas,monospace;font-size:.7rem;color:#A5B4FC;line-height:1.9;max-height:200px;overflow-y:auto;}
    .cta-end{text-align:center;margin-top:32px;}
    .cta-end a{margin:0 8px;}
    .timeline{position:relative;padding-left:24px;border-left:2px solid rgba(99,102,241,.15);}
    .tl-item{position:relative;margin-bottom:20px;padding-left:20px;}
    .tl-item::before{content:'';position:absolute;left:-30px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--b);box-shadow:0 0 10px rgba(99,102,241,.5);}
    .tl-item .tl-date{font-size:.68rem;color:var(--t3);margin-bottom:3px;}
    .tl-item .tl-title{font-size:.82rem;font-weight:700;}
    .tl-item .tl-detail{font-size:.72rem;color:var(--t2);margin-top:3px;}
    @media(max-width:1024px){.g4,.g5{grid-template-columns:repeat(2,1fr);}.g3,.g2{grid-template-columns:1fr 1fr;}}
    @media(max-width:640px){.hero h1{font-size:1.6rem;}.g2,.g3,.g4,.g5{grid-template-columns:1fr;}.kpis{flex-wrap:wrap;}}