@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--brand-primary:#f59e0b;--brand-primary-light:#fcd34d;--brand-primary-dark:#d97706;--brand-secondary:#10b981;--brand-accent:#6366f1;--severity-critical:#ef4444;--severity-high:#f97316;--severity-moderate:#f59e0b;--severity-low:#10b981;--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--bg-elevated:#1e1e2a;--bg-glass:#16161fd9;--text-primary:#f1f1f4;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-brand:var(--brand-primary);--border:#1f1f2e;--border-hover:#2d2d40;--border-accent:#f59e0b4d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #f59e0b26;--shadow-glow-green:0 0 20px #10b98126;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace;--max-width:800px;--max-width-wide:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7}a{color:var(--brand-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--brand-primary-light)}img{max-width:100%;display:block}main{max-width:var(--max-width);padding:var(--space-lg);margin:0 auto;padding-top:80px}.navbar{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--space-sm)var(--space-lg);position:fixed;top:0;left:0;right:0}.navbar-inner{max-width:var(--max-width-wide);justify-content:space-between;align-items:center;height:48px;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:1.25rem;font-weight:800;display:flex}.navbar-brand span{color:var(--brand-primary)}.navbar-links{gap:var(--space-lg);list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--brand-primary)}.breadcrumbs{gap:var(--space-xs);color:var(--text-muted);margin-bottom:var(--space-xl);padding:var(--space-sm)0;flex-wrap:wrap;font-size:.8125rem;display:flex}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--brand-primary)}.breadcrumbs span{color:var(--text-muted)}.quick-answer{border:1px solid var(--border-accent);border-left:4px solid var(--brand-primary);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);background:linear-gradient(135deg,#f59e0b14,#f59e0b08);position:relative;overflow:hidden}.quick-answer:before{content:"⚡";opacity:.05;font-size:4rem;position:absolute;top:-10px;right:-5px}.quick-answer-label{align-items:center;gap:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:700;display:inline-flex}.quick-answer p{color:var(--text-primary);font-size:.9375rem;line-height:1.65}.quick-answer strong{color:var(--brand-primary-light)}.severity-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;font-size:.75rem;font-weight:700;display:inline-flex}.severity-badge.critical{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.severity-badge.high{color:#fdba74;background:#f973161f;border:1px solid #f9731640}.severity-badge.moderate{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40}.severity-badge.low{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98140}.meta-row{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.875rem;display:flex}.meta-item .icon{font-size:1rem}h1{color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.2}h1 .subtitle{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.5em;font-weight:500;display:block}h2{color:var(--text-primary);margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:1.25rem;font-weight:700}h2 .emoji{margin-right:var(--space-sm)}h3{color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.0625rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all .25s}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.steps{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.step{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s;display:flex}.step:hover{border-color:var(--border-accent)}.step-number{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:800;display:flex}.step-content{flex:1}.step-content p{font-size:.9375rem;line-height:1.65}.step-safety{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);color:#fca5a5;background:#ef44440f;border:1px solid #ef444426;font-size:.8125rem;display:flex}.contact-list{gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);font-size:.8125rem}.contact-card h4{margin-bottom:var(--space-sm);color:var(--brand-primary);font-size:.875rem;font-weight:700}.contact-card p{color:var(--text-secondary);margin-bottom:var(--space-xs)}.related-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.related-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.related-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--brand-primary);transform:translateY(-1px)}.related-card .code{font-family:var(--font-mono);color:var(--brand-primary);font-weight:600}.related-card .name{color:var(--text-secondary);font-size:.8125rem}.faq-list{gap:var(--space-sm);flex-direction:column;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{padding:var(--space-md)var(--space-lg);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;transition:background .2s;display:flex}.faq-item summary:hover{background:var(--bg-card-hover)}.faq-item summary:after{content:"+";color:var(--text-muted);font-size:1.25rem;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 var(--space-lg)var(--space-lg);color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.trust-footer{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.share-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#25d366;border:none;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.share-btn:hover{color:#fff;box-shadow:var(--shadow-glow-green);background:#20bd5c;transform:translateY(-1px)}.pidgin-box{border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-xl)0;background:linear-gradient(135deg,#6366f10f,#6366f105);border:1px solid #6366f133}.pidgin-box .label{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-accent);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:700}.pidgin-box p{color:var(--text-secondary);font-size:.9375rem;font-style:italic;line-height:1.65}.hub-hero{text-align:center;padding:var(--space-3xl)0;margin-bottom:var(--space-2xl)}.hub-hero h1{margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem)}.hub-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.0625rem}.brand-card{gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.brand-card:before{content:"";background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.brand-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-3px)}.brand-card:hover:before{opacity:1}.brand-card .brand-name{font-size:1.25rem;font-weight:800}.brand-card .brand-count{color:var(--text-secondary);font-size:.875rem}.brand-card .brand-arrow{bottom:var(--space-lg);right:var(--space-lg);color:var(--text-muted);font-size:1.25rem;transition:all .3s;position:absolute}.brand-card:hover .brand-arrow{color:var(--brand-primary);transform:translate(4px)}.error-list{gap:var(--space-sm);flex-direction:column;display:flex}.error-list-item{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:all .2s;display:flex}.error-list-item:hover{border-color:var(--border-accent);background:var(--bg-card-hover);color:var(--text-primary);transform:translate(4px)}.error-list-item .code{font-family:var(--font-mono);color:var(--brand-primary);min-width:100px;font-size:.9375rem;font-weight:700}.error-list-item .name{flex:1;font-size:.9375rem}.shortcode-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-xl);font-size:.875rem}.shortcode-table th{text-align:left;padding:var(--space-sm)var(--space-md);background:var(--bg-card);border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.shortcode-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.shortcode-table td:first-child{font-family:var(--font-mono);color:var(--brand-primary);font-weight:500}.shortcode-table tr:hover td{background:var(--bg-card)}.site-footer{margin-top:var(--space-3xl);padding:var(--space-2xl)var(--space-lg);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.8125rem}.site-footer a{color:var(--text-secondary)}@media (max-width:640px){main{padding:var(--space-md);padding-top:72px}.navbar-links{gap:var(--space-md)}.navbar-links a{font-size:.8rem}.meta-row{gap:var(--space-sm);flex-direction:column}.contact-list,.card-grid,.related-grid{grid-template-columns:1fr}.trust-footer{text-align:center;flex-direction:column}}.rate-display{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.rate-value{font-size:clamp(2rem,6vw,3rem);font-weight:900;font-family:var(--font-mono);color:var(--brand-primary-light);letter-spacing:-.02em}.rate-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.band-legend{gap:var(--space-sm);flex-wrap:wrap;display:flex}.band-chip{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-md);color:var(--text-secondary);border:1px solid;border-radius:999px;font-size:.8rem;display:inline-flex}.band-letter{color:#000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.band-pill{color:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:inline-flex}.table-wrapper{margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;overflow-x:auto}.calculator{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.calc-band-selector{margin-bottom:var(--space-lg)}.calc-label{color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600;display:block}.calc-bands{gap:var(--space-xs);display:flex}.calc-band-btn{padding:var(--space-sm)var(--space-md);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.calc-band-btn .calc-band-rate{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.calc-band-btn:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.calc-band-btn.active{border-color:var(--brand-primary);color:var(--brand-primary-light);box-shadow:var(--shadow-glow);background:#f59e0b14}.calc-band-btn.active .calc-band-rate{color:var(--brand-primary)}.calc-appliances{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.calc-appliance{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;transition:background .15s;display:flex}.calc-appliance:hover{background:var(--bg-elevated)}.calc-appliance.checked{background:#f59e0b0a;border-color:#f59e0b26}.calc-appliance input[type=checkbox]{accent-color:var(--brand-primary);width:18px;height:18px}.calc-emoji{text-align:center;width:28px;font-size:1.25rem}.calc-appliance-info{flex-direction:column;flex:1;display:flex}.calc-appliance-name{font-size:.875rem;font-weight:600}.calc-appliance-detail{color:var(--text-muted);font-size:.75rem}.calc-appliance-cost{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:90px;font-size:.8125rem;font-weight:600}.calc-appliance.checked .calc-appliance-cost{color:var(--brand-primary)}.calc-total{border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;background:linear-gradient(135deg,#f59e0b14,#f59e0b08)}.calc-total-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:700}.calc-total-value{font-size:clamp(2rem,5vw,2.5rem);font-weight:900;font-family:var(--font-mono);color:var(--brand-primary-light);letter-spacing:-.02em}.calc-total-kwh{color:var(--text-muted);margin-top:var(--space-xs);font-size:.8125rem}.plan-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .25s;position:relative}.plan-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.best-value{border-color:var(--brand-secondary);box-shadow:var(--shadow-glow-green)}.plan-card.best-value:before{content:"🏆 BEST VALUE";top:-10px;left:var(--space-md);background:var(--brand-secondary);color:#000;padding:2px var(--space-sm);letter-spacing:.04em;border-radius:999px;font-size:.65rem;font-weight:800;position:absolute}.plan-name{margin-bottom:var(--space-xs);font-size:1rem;font-weight:700}.plan-price{font-family:var(--font-mono);color:var(--brand-primary-light);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:800}.plan-meta{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.8125rem}.plan-ussd{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--brand-primary);background:#f59e0b0f;border:1px solid #f59e0b26;font-size:.8125rem;font-weight:600;display:inline-flex}.plan-per-gb{color:var(--text-muted);margin-top:var(--space-sm);font-size:.75rem}.plan-per-gb strong{color:var(--text-secondary)}.filter-row{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.filter-chip{padding:var(--space-xs)var(--space-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;font-size:.8125rem;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.filter-chip.active{border-color:var(--brand-primary);color:var(--brand-primary);background:#f59e0b14}@media (max-width:640px){.calc-bands{gap:2px}.calc-band-btn{padding:var(--space-xs)var(--space-sm);font-size:.875rem}.plan-grid{grid-template-columns:1fr}}