*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --dark:#0e0e0e;--dark2:#141414;--dark3:#1a1a1a;--dark4:#1f1f1f;--dark5:#2a2a2a;
  --border:#2e2e2e;--text:#f0f0f0;--muted:#666;--orange:#ff6b00;--orange-light:#ff8533;
  --orange-glow:rgba(255,107,0,0.08);--success:#4ade80;--danger:#ef4444;
}
body{background:var(--dark);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;overflow-x:hidden;}
.nav{position:sticky;top:0;z-index:100;background:rgba(14,14,14,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;}
.nav-brand{display:flex;align-items:center;gap:9px;cursor:pointer;}
.logo-svg{width:34px;height:34px;}
.nav-name{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--orange);}
.nav-tabs{display:flex;align-items:center;gap:2px;}
.tab-btn{background:none;border:none;color:var(--muted);font-size:13px;font-family:'Inter',sans-serif;padding:8px 12px;cursor:pointer;border-radius:6px;transition:all 0.2s;}
.tab-btn.active{color:var(--orange);background:var(--orange-glow);}
.menu-btn{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:6px 10px;border-radius:6px;line-height:1;}
.menu-btn:hover{color:var(--orange);background:var(--orange-glow);}
.page{display:none;}.page.active{display:block;}
.landing-hero{text-align:center;padding:64px 20px 48px;min-height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.landing-logo{margin-bottom:22px;}
.landing-title{font-family:'Rajdhani',sans-serif;font-size:44px;font-weight:700;letter-spacing:6px;color:var(--orange);margin-bottom:8px;}
.landing-tag{font-size:13.5px;color:var(--muted);margin-bottom:44px;letter-spacing:0.5px;}
.landing-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;}
.landing-btn-primary{background:linear-gradient(135deg,var(--orange),#cc5500);color:#fff;border:none;padding:16px 28px;border-radius:12px;font-size:15.5px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;letter-spacing:0.3px;transition:all 0.2s;}
.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(255,107,0,0.3);}
.landing-btn-secondary{background:var(--dark3);border:1px solid var(--dark5);color:var(--text);padding:16px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.landing-btn-secondary:hover{border-color:var(--orange);color:var(--orange);}
.landing-signup-link{margin-top:26px;font-size:13px;color:var(--muted);text-align:center;}
.landing-signup-link a{color:var(--orange);text-decoration:underline;cursor:pointer;}
.landing-eco-pill{margin-top:18px;display:inline-flex;align-items:center;gap:7px;background:rgba(163,230,53,0.08);border:1px solid rgba(163,230,53,0.3);border-radius:20px;padding:6px 14px;}
.landing-eco-pill span{font-size:11.5px;color:#a3e635;font-weight:600;}
.section-wrap{max-width:560px;margin:0 auto;padding:0 16px 32px;}
.section-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:28px 0 12px;}
.about-card{background:var(--dark3);border:1px solid var(--border);border-radius:13px;padding:20px;font-size:13px;color:#bbb;line-height:1.8;}
.about-card p{margin-bottom:12px;}.about-card p:last-child{margin-bottom:0;}
.about-stats{display:flex;gap:0;border-top:1px solid var(--dark5);margin-top:16px;padding-top:16px;}
.about-stat{flex:1;text-align:center;border-right:1px solid var(--dark5);}
.about-stat:last-child{border-right:none;}
.about-stat-val{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--orange);}
.about-stat-lbl{font-size:10.5px;color:var(--muted);margin-top:2px;}
.try-card{background:linear-gradient(135deg,rgba(255,107,0,0.06),rgba(255,107,0,0.02));border:1px solid rgba(255,107,0,0.2);border-radius:13px;padding:18px;display:flex;gap:14px;align-items:flex-start;margin-bottom:4px;}
.try-icon{font-size:28px;flex-shrink:0;}
.try-title{font-weight:600;font-size:14px;margin-bottom:4px;}
.try-desc{font-size:12.5px;color:#aaa;line-height:1.6;margin-bottom:10px;}
.try-btn{background:none;border:1px solid var(--orange);color:var(--orange);padding:7px 16px;border-radius:7px;font-size:12.5px;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.try-btn:hover{background:var(--orange-glow);}
.plans-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
.plan-card{background:var(--dark3);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;}
.plan-card.featured{border-color:var(--orange);background:rgba(255,107,0,0.04);}
.plan-badge{font-size:9px;background:var(--orange);color:#fff;padding:2px 7px;border-radius:4px;letter-spacing:0.8px;text-transform:uppercase;display:inline-block;margin-bottom:4px;}
.plan-speed{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--text);}
.plan-label{font-size:11.5px;color:var(--muted);margin-bottom:6px;}
.plan-feats{display:flex;flex-wrap:wrap;gap:4px;}
.plan-feat{font-size:10.5px;background:var(--dark5);padding:2px 7px;border-radius:4px;color:#aaa;}
.plan-price{font-family:'Rajdhani',sans-serif;font-size:22px;font-weight:700;color:var(--orange);text-align:right;}
.plan-per{font-size:10.5px;color:var(--muted);text-align:right;}
.call-btn{width:100%;background:var(--dark3);border:1px solid var(--dark5);color:var(--text);padding:13px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.call-btn:hover{border-color:var(--orange);color:var(--orange);}
.howto-steps{display:flex;flex-direction:column;gap:0;}
.step-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--dark5);}
.step-row:last-child{border-bottom:none;}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.step-title{font-size:13.5px;font-weight:600;margin-bottom:4px;}
.step-desc{font-size:12.5px;color:#aaa;line-height:1.6;}
.step-tip{font-size:11.5px;color:var(--orange);margin-top:6px;background:var(--orange-glow);padding:6px 10px;border-radius:6px;}
.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.device-card{background:var(--dark3);border:1px solid var(--border);border-radius:11px;padding:14px;}
.device-icon{font-size:22px;margin-bottom:6px;}
.device-name{font-size:13px;font-weight:600;margin-bottom:5px;}
.device-steps{font-size:11.5px;color:#aaa;line-height:1.6;}
.facts-section{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;white-space:nowrap;margin-bottom:0;}
.facts-label{font-size:10.5px;font-weight:700;color:var(--orange);letter-spacing:1px;text-align:center;margin-bottom:6px;}
.facts-track{display:inline-flex;gap:40px;animation:scrollFacts 60s linear infinite;}
@keyframes scrollFacts{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.fact-item{font-size:12px;color:#666;white-space:nowrap;}
.fact-item strong{color:#aaa;}
.powered-footer{text-align:center;padding:16px;font-size:10.5px;color:#2a2a2a;}
.powered-footer a{color:#333;text-decoration:none;}
.btn-primary{background:linear-gradient(135deg,var(--orange),#cc5500);color:#fff;border:none;padding:13px 28px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;letter-spacing:0.3px;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,107,0,0.35);}
.btn-primary:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
.btn-secondary{background:var(--dark3);color:var(--text);border:1px solid var(--dark5);padding:12px 24px;border-radius:9px;font-size:13px;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.btn-secondary:hover{border-color:var(--orange);color:var(--orange);}
.form-wrap{max-width:420px;margin:0 auto;padding:28px 20px;}
.page-title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;margin-bottom:4px;}
.page-sub{font-size:12.5px;color:var(--muted);margin-bottom:22px;}
.form-group{margin-bottom:16px;}
.form-label{font-size:12px;color:#aaa;display:block;margin-bottom:6px;}
.form-input{width:100%;background:var(--dark3);border:1px solid var(--dark5);color:var(--text);padding:11px 14px;border-radius:8px;font-size:14px;font-family:'Inter',sans-serif;outline:none;transition:border 0.2s;}
.form-input:focus{border-color:var(--orange);}
.form-hint{font-size:10.5px;color:#555;margin-top:4px;}
.link-btn{background:none;border:none;color:var(--orange);font-size:13px;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:underline;}
.packages-wrap{max-width:540px;margin:0 auto;padding:28px 20px;}
.packages-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:24px;}
.pkg-card{background:var(--dark3);border:1px solid var(--dark5);border-radius:12px;padding:17px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.pkg-card:hover{border-color:var(--orange);transform:translateY(-2px);}
.pkg-card.popular{border-color:var(--orange);}
.pkg-card.test-pkg{border-color:rgba(74,222,128,0.3);background:rgba(74,222,128,0.04);}
.pkg-card.test-pkg:hover{border-color:var(--success);}
.popular-badge{position:absolute;top:0;right:0;background:var(--orange);color:#fff;font-size:8.5px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;padding:3px 8px;border-bottom-left-radius:8px;}
.test-badge{position:absolute;top:0;right:0;background:var(--success);color:#000;font-size:8.5px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;padding:3px 8px;border-bottom-left-radius:8px;}
.pkg-ic{font-size:20px;margin-bottom:7px;}
.pkg-dur{font-family:'Rajdhani',sans-serif;font-size:21px;font-weight:700;color:var(--text);margin-bottom:3px;}
.pkg-price{font-size:13px;color:var(--orange);font-weight:600;}
.pkg-price span{font-size:10px;color:var(--muted);font-weight:400;}
.pkg-card.test-pkg .pkg-price{color:var(--success);}
.eco-section{margin-bottom:18px;}
.eco-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px;}
.eco-title{font-size:13px;font-weight:700;color:#a3e635;letter-spacing:0.3px;display:flex;align-items:center;gap:6px;}
.eco-sub{font-size:10.5px;color:var(--muted);margin-top:2px;}
.eco-new-badge{font-size:8.5px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;background:rgba(163,230,53,0.15);color:#a3e635;border:1px solid rgba(163,230,53,0.35);border-radius:20px;padding:3px 9px;}
.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px;}
.pkg-card.eco-card{background:linear-gradient(135deg,rgba(163,230,53,0.06),rgba(255,107,0,0.03));border:1px solid rgba(163,230,53,0.25);}
.pkg-card.eco-card:hover{border-color:#a3e635;transform:translateY(-2px);}
.pkg-card.eco-card .pkg-price{color:#a3e635;}
.eco-cap-tag{position:absolute;top:0;right:0;background:linear-gradient(90deg,#a3e635,#84cc16);color:#0e0e0e;font-size:8px;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;padding:3px 8px;border-bottom-left-radius:8px;}
.eco-use{font-size:9.5px;color:#84cc16;margin-top:4px;display:flex;align-items:center;gap:3px;font-weight:600;}
.eco-footnote{font-size:10px;color:var(--muted);text-align:center;margin-top:2px;margin-bottom:18px;line-height:1.5;}
.home-section{background:linear-gradient(135deg,var(--dark3),var(--dark2));border:1px solid var(--border);border-radius:13px;padding:22px;margin-bottom:14px;}
.home-title{font-family:'Rajdhani',sans-serif;font-size:19px;font-weight:700;color:var(--orange);margin-bottom:6px;}
.home-desc{font-size:12.5px;color:#bbb;line-height:1.7;margin-bottom:14px;}
.home-feats{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.home-feat{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px;}
.home-feat::before{content:'✓';color:var(--success);font-weight:700;}
.contact-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--orange);color:var(--orange);padding:9px 18px;border-radius:7px;font-size:12.5px;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s;}
.contact-btn:hover{background:var(--orange-glow);}
.wa-bar{background:var(--dark3);border:1px solid var(--dark5);border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.wa-text{font-size:12.5px;color:var(--muted);}
.wa-text strong{color:var(--text);display:block;margin-bottom:2px;}
.session-banner{background:rgba(255,107,0,0.08);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:18px;display:none;}
.session-banner.show{display:block;}
.session-banner-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.session-banner-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--orange);display:flex;align-items:center;gap:7px;}
.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(1.4);}}
.session-time{font-family:'Rajdhani',sans-serif;font-size:32px;font-weight:700;color:var(--text);letter-spacing:2px;margin-bottom:2px;}
.session-meta{font-size:11.5px;color:var(--muted);}
.reconnect-section{background:var(--dark3);border:1px solid var(--dark5);border-radius:13px;padding:20px;margin-bottom:20px;}
.reconnect-title{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px;}
.reconnect-desc{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.6;}
.reconnect-row{display:flex;gap:8px;align-items:flex-start;}
.reconnect-row .form-input{flex:1;font-size:13px;padding:10px 12px;font-family:'Courier New',monospace;letter-spacing:1px;}
.reconnect-btn{background:var(--orange);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;flex-shrink:0;transition:all 0.2s;}
.reconnect-btn:hover{background:var(--orange-light);}
.reconnect-btn:disabled{opacity:0.5;cursor:not-allowed;}
.reconnect-result{margin-top:10px;font-size:12.5px;padding:10px 13px;border-radius:8px;display:none;}
.reconnect-result.ok{background:rgba(74,222,128,0.09);border:1px solid rgba(74,222,128,0.25);color:#86efac;display:block;}
.reconnect-result.err{background:rgba(239,68,68,0.09);border:1px solid rgba(239,68,68,0.28);color:#fca5a5;display:block;}
.mac-status{font-size:11px;color:var(--muted);text-align:center;padding:4px 0;margin-bottom:8px;}
.mac-status.found{color:var(--success);}
.mac-status.notfound{color:var(--danger);}
.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.78);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:var(--dark2);border:1px solid var(--border);border-radius:16px;padding:26px;width:100%;max-width:360px;position:relative;}
.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:17px;cursor:pointer;}
.modal-title{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:700;margin-bottom:4px;}
.modal-sub{font-size:12px;color:var(--muted);margin-bottom:18px;}
.sel-pkg{background:var(--dark3);border:1px solid var(--border);border-radius:8px;padding:11px 14px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;}
.sel-pkg-name{font-size:14px;font-weight:600;}
.sel-pkg-price{color:var(--orange);font-weight:600;}
.loading-screen{display:none;position:fixed;inset:0;z-index:300;background:var(--dark);align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:18px;padding:30px;}
.loading-screen.active{display:flex;}
.spinner{width:56px;height:56px;border:3px solid var(--dark5);border-top-color:var(--orange);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-title{font-family:'Rajdhani',sans-serif;font-size:20px;letter-spacing:2px;}
.loading-sub-txt{font-size:12.5px;color:var(--muted);max-width:320px;}
.result-icon{font-size:52px;}
.urgent-msg{background:rgba(239,68,68,0.09);border:1px solid rgba(239,68,68,0.28);border-radius:10px;padding:14px 16px;font-size:12.5px;color:#fca5a5;line-height:1.7;max-width:340px;}
.urgent-msg a{color:#fca5a5;}
.connected-screen{display:none;position:fixed;inset:0;z-index:400;background:var(--dark);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:0;}
.connected-screen.active{display:flex;}
.connected-ring{width:90px;height:90px;border-radius:50%;background:rgba(74,222,128,0.1);border:2px solid var(--success);display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:20px;animation:ringPop 0.5s ease;}
@keyframes ringPop{from{transform:scale(0.5);opacity:0;}to{transform:scale(1);opacity:1;}}
.connected-title{font-family:"Rajdhani",sans-serif;font-size:34px;font-weight:700;color:var(--success);letter-spacing:3px;margin-bottom:6px;}
.connected-sub{font-size:13px;color:var(--muted);margin-bottom:28px;}
.connected-card{background:var(--dark3);border:1px solid rgba(74,222,128,0.2);border-radius:14px;padding:20px 28px;margin-bottom:28px;width:100%;max-width:340px;}
.connected-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--dark5);font-size:13px;}
.connected-row:last-child{border-bottom:none;}
.connected-row-label{color:var(--muted);}
.connected-row-val{color:var(--text);font-weight:600;}
.connected-row-val.green{color:var(--success);}
.browse-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:14px 40px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:"Inter",sans-serif;letter-spacing:0.5px;transition:all 0.2s;margin-bottom:12px;width:100%;max-width:340px;}
.browse-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(34,197,94,0.3);}
.connected-note{font-size:11px;color:#444;max-width:300px;}
.expired-screen{display:none;position:fixed;inset:0;z-index:350;background:var(--dark);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:16px;}
.expired-screen.active{display:flex;}
.expired-icon{font-size:56px;}
.expired-title{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;color:var(--danger);letter-spacing:2px;}
.expired-sub{font-size:13px;color:var(--muted);max-width:300px;line-height:1.6;}
.coffee-screen{display:none;position:fixed;inset:0;z-index:350;background:var(--dark);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:0;overflow-y:auto;}
.coffee-screen.active{display:flex;}
.coffee-icon{font-size:64px;margin-bottom:16px;}
.coffee-title{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;color:var(--orange);letter-spacing:2px;margin-bottom:8px;}
.coffee-msg{font-size:13px;color:#aaa;max-width:320px;line-height:1.7;margin-bottom:24px;}
.coffee-card{background:var(--dark3);border:1px solid var(--border);border-radius:14px;padding:22px;width:100%;max-width:340px;margin-bottom:20px;}
.coffee-or{font-size:12px;color:#444;margin:16px 0;display:flex;align-items:center;gap:10px;}
.coffee-or::before,.coffee-or::after{content:'';flex:1;height:1px;background:var(--dark5);}
.remote-pay-card{background:rgba(255,107,0,0.04);border:1px solid rgba(255,107,0,0.2);border-radius:14px;padding:22px;width:100%;max-width:340px;margin-bottom:16px;}
.remote-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--orange);margin-bottom:6px;}
.remote-desc{font-size:12px;color:#aaa;line-height:1.6;margin-bottom:14px;}
.remote-pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.remote-pkg{background:var(--dark3);border:1px solid var(--dark5);border-radius:8px;padding:10px;cursor:pointer;transition:all 0.2s;text-align:center;}
.remote-pkg:hover,.remote-pkg.selected{border-color:var(--orange);background:var(--orange-glow);}
.remote-pkg-dur{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;}
.remote-pkg-price{font-size:11px;color:var(--orange);}
.alert{display:none;padding:11px 14px;border-radius:8px;font-size:12.5px;margin-bottom:14px;}
.alert.err{background:rgba(239,68,68,0.09);border:1px solid rgba(239,68,68,0.28);color:#fca5a5;display:block;}
.alert.ok{background:rgba(34,197,94,0.09);border:1px solid rgba(34,197,94,0.28);color:#86efac;display:block;}
.community-wrap{max-width:540px;margin:0 auto;padding:28px 20px;}
.community-intro{font-size:12.5px;color:var(--muted);margin-bottom:20px;line-height:1.6;}
.comment-form{background:var(--dark3);border:1px solid var(--dark5);border-radius:12px;padding:18px;margin-bottom:24px;}
.comment-form .form-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;}
.comment-form textarea{width:100%;background:var(--dark);border:1px solid var(--dark5);color:var(--text);padding:11px 14px;border-radius:8px;font-size:13.5px;font-family:'Inter',sans-serif;outline:none;resize:vertical;min-height:80px;transition:border 0.2s;}
.comment-form textarea:focus{border-color:var(--orange);}
.char-count{font-size:10.5px;color:#444;text-align:right;margin-top:3px;}
.comment-submit{background:linear-gradient(135deg,var(--orange),#cc5500);color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;margin-top:12px;transition:all 0.2s;}
.comment-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,107,0,0.3);}
.comment-submit:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
.visits-widget{background:#000;border:1px solid rgba(61,214,140,0.25);border-radius:14px;padding:20px;margin-bottom:24px;font-family:'Courier New',monospace;position:relative;overflow:hidden;}
.visits-widget::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,214,140,0.04),transparent);pointer-events:none;}
.visits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1;}
.visits-title{color:#3dd68c;font-size:12px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.visits-title::before{content:'$';opacity:0.6;}
.visits-cursor{display:inline-block;width:7px;height:13px;background:#3dd68c;animation:blink 1s step-end infinite;}
@keyframes blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
.visits-total{color:#3dd68c;font-size:11px;opacity:0.7;}
.visits-grid{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;}
.visits-row{display:flex;align-items:center;gap:10px;font-size:12px;}
.visits-day{color:#4a5568;width:34px;flex-shrink:0;letter-spacing:1px;}
.visits-row.today .visits-day{color:#3dd68c;font-weight:700;}
.visits-bar-track{flex:1;height:14px;background:rgba(61,214,140,0.06);border-radius:3px;overflow:hidden;position:relative;}
.visits-bar-fill{height:100%;background:linear-gradient(90deg,#1a6b45,#3dd68c);border-radius:3px;transition:width 0.6s ease;}
.visits-row.today .visits-bar-fill{background:linear-gradient(90deg,#3dd68c,#5eead4);box-shadow:0 0 8px rgba(61,214,140,0.5);}
.visits-row.future .visits-bar-track{background:rgba(255,255,255,0.02);}
.visits-count{color:#3dd68c;width:24px;text-align:right;flex-shrink:0;font-size:11px;}
.visits-row.future .visits-count{color:#2a2e40;}
.visits-row.today .visits-count{font-weight:700;}
.visits-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(61,214,140,0.12);font-size:10px;color:#2a2e40;display:flex;justify-content:space-between;position:relative;z-index:1;}
.visits-footer span{color:#3dd68c;opacity:0.5;}
.comments-feed{display:flex;flex-direction:column;gap:12px;}
.comment-card{background:var(--dark3);border:1px solid var(--dark5);border-radius:11px;padding:15px 16px;}
.comment-card.admin-post{border-color:var(--border);background:rgba(255,107,0,0.04);}
.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.comment-author{font-size:13px;font-weight:600;color:var(--text);}
.comment-author .admin-tag{font-size:9.5px;background:var(--orange);color:#fff;padding:2px 6px;border-radius:4px;margin-left:6px;letter-spacing:0.5px;text-transform:uppercase;vertical-align:middle;}
.comment-time{font-size:10.5px;color:#444;}
.comment-body{font-size:13px;color:#ccc;line-height:1.6;}
.comment-reply{margin-top:10px;padding-top:10px;border-top:1px solid var(--dark5);font-size:12.5px;color:#bbb;line-height:1.6;}
.comment-reply::before{content:'\2937  STARNET: ';color:var(--orange);font-weight:600;font-size:11.5px;}
.comments-empty{text-align:center;padding:32px 20px;color:var(--muted);font-size:13px;}
.comments-loading{text-align:center;padding:20px;color:#444;font-size:12.5px;}
.admin-login-hint{text-align:center;margin-top:32px;padding-top:20px;border-top:1px solid var(--dark5);}
.admin-login-hint a{font-size:10px;color:#2a2a2a;text-decoration:none;}
@media(max-width:480px){
  .packages-grid{grid-template-columns:1fr;}
  .device-grid{grid-template-columns:1fr;}
  .wa-bar{flex-direction:column;}
  .reconnect-row{flex-direction:column;}
  .reconnect-btn{width:100%;}
}