:root{--g:#4ADE80;--g2:#22C55E;--d:#060810;--d2:#0c0f1a;--d3:#111425;--m:#8892A4;--w:#fff;--r:#E63946;--a:#F59E0B;--c:#06B6D4;--b:rgba(255,255,255,.07)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Barlow',sans-serif;background:var(--d);color:var(--w);min-height:100vh;line-height:1.7}
nav{position:sticky;top:0;z-index:50;background:rgba(6,8,16,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--b);padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between}
.nl{font-size:18px;font-weight:700;text-decoration:none;color:inherit}.nl .s{color:#fff}.nl .g{color:var(--g)}
.nav-btn{padding:7px 18px;border-radius:8px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);color:var(--g);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;font-family:'Barlow',sans-serif}
.hero{background:linear-gradient(135deg,rgba(74,222,128,.05),rgba(6,182,212,.03));border-bottom:1px solid var(--b);padding:48px 24px;text-align:center}
.hero h1{font-size:32px;font-weight:700;margin-bottom:10px}
.hero p{color:var(--m);font-size:15px;max-width:560px;margin:0 auto}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.15);color:var(--g);font-size:12px;font-weight:600;padding:5px 14px;border-radius:100px;margin-bottom:16px}
.dm{max-width:820px;margin:0 auto;padding:48px 24px}
.section{margin-bottom:40px}
.section h2{font-size:18px;font-weight:700;color:var(--w);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:10px}
.section h3{font-size:15px;font-weight:600;color:var(--g);margin:18px 0 8px}
.section p{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:10px;line-height:1.8}
.section ul{list-style:none;padding:0}
.section ul li{font-size:14px;color:rgba(255,255,255,.75);padding:6px 0 6px 20px;position:relative;line-height:1.7}
.section ul li::before{content:'›';position:absolute;left:0;color:var(--g);font-weight:700}
.info-box{background:var(--d2);border:1px solid var(--b);border-radius:12px;padding:20px;margin:16px 0}
.info-box.green{border-color:rgba(74,222,128,.2);background:rgba(74,222,128,.04)}
.info-box.blue{border-color:rgba(6,182,212,.2);background:rgba(6,182,212,.04)}
.info-box.red{border-color:rgba(230,57,70,.2);background:rgba(230,57,70,.04)}
.info-box.amber{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.04)}
.info-box-title{font-size:13px;font-weight:700;margin-bottom:8px}
.info-box.green .info-box-title{color:var(--g)}
.info-box.blue .info-box-title{color:var(--c)}
.info-box.red .info-box-title{color:var(--r)}
.info-box.amber .info-box-title{color:var(--a)}
.info-box p{font-size:13px;color:var(--m);margin:0}
.data-table{width:100%;border-collapse:collapse;margin:16px 0}
.data-table th{background:var(--d3);padding:10px 14px;font-size:12px;font-weight:600;color:var(--m);text-align:left;border:1px solid var(--b)}
.data-table td{padding:10px 14px;font-size:13px;color:rgba(255,255,255,.75);border:1px solid var(--b);vertical-align:top}
.data-table tr:hover td{background:rgba(255,255,255,.02)}
.update{background:var(--d3);border:1px solid var(--b);border-radius:10px;padding:14px 18px;margin-top:40px;font-size:13px;color:var(--m);display:flex;align-items:center;justify-content:space-between;flex-wrap:gap}
.footer{border-top:1px solid var(--b);padding:24px;text-align:center;font-size:13px;color:var(--m);margin-top:40px}
.footer a{color:var(--g);text-decoration:none}