:root{--brand:#f03;--brand-soft:#f57;--text:#1b1b1b;--text-weak:#666;--card-bg:#fff;--card-dark:#4c4c4c;--shadow:0 10px 24px #00000014}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:#fff;margin:0;font-family:Inter,system-ui,Arial,sans-serif}.screen{flex-direction:column;min-height:100%;display:flex}.header{z-index:30;background:var(--brand);color:#fff;padding:16px 16px 24px;position:fixed;top:0;left:0;right:0}.header-bar{justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.header-logout{color:#111;background:#fff;border-color:#fff}.brand{letter-spacing:1px;font-size:clamp(20px,5.2vw,28px);font-weight:800}.content{padding:140px 16px 80px}.content--home{padding-left:16px;padding-right:16px}.title{text-align:center;color:var(--brand);letter-spacing:.5px;font-weight:800}.hero-wrap{background:var(--brand);margin:0 -16px 10px;position:relative}.hero-wrap:before{content:"";pointer-events:none;background:linear-gradient(#ff0033a6,#f030 48%);position:absolute;inset:0}.hero-img{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0;display:block}@media (min-width:768px){.hero-img{object-fit:cover;object-position:center;max-height:220px}}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}@media (max-width:420px){.grid{grid-template-columns:minmax(0,1fr);gap:12px}}@media (min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:24px;justify-content:center;align-items:center;min-height:150px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:visible}.site-card--crashgain{overflow:visible}.site-card--dark{background:var(--card-dark);color:#fff}.site-card--selected{outline:3px solid #ff5c7a;box-shadow:0 0 0 6px #ff003326}.site-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0000001f}.site-name{letter-spacing:.3px;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:10px;max-width:calc(100% - 24px);padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:12px;overflow:hidden}.site-name--sportybetaviator{text-overflow:clip;white-space:nowrap;max-width:none;font-size:clamp(9px,2.6vw,12px);left:-8px;overflow:visible}@media (max-width:420px){.site-name{padding:3px 6px;font-size:10px}}.site-logo{text-align:center;justify-content:center;align-items:center;width:100%;height:clamp(120px,14vw,180px);font-size:24px;font-weight:900;display:flex}.site-logo-img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (min-width:480px){.site-logo{height:clamp(128px,14vw,180px)}}.badge{background:var(--brand);color:#fffb00;box-shadow:var(--shadow);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:12px}.badge--trials{color:#fbff00;z-index:5;pointer-events:none;background:#dc2626;border:2px solid #fff;top:-14px;right:10px}@keyframes prediction-edge-init{0%{filter:hue-rotate()saturate(1.6)brightness(1.05)}50%{filter:hue-rotate(180deg)saturate(2)brightness(1.1)}to{filter:hue-rotate(360deg)saturate(1.6)brightness(1.05)}}.prediction-ring{border-radius:50%;padding:8px;position:relative}.prediction-ring:before{content:"";background:conic-gradient(#22c55e,#3b82f6,#a855f7,#f97316,#22c55e);border-radius:50%;position:absolute;inset:0}.prediction-ring--loading:before{animation:.9s steps(10,end) infinite prediction-edge-init}.prediction-ring__inner{z-index:1;position:relative}.bottom-nav{background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 16px #0000000a}.nav-btn{background:0 0;border:none;padding:6px}.home-icon{background:var(--brand);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 2px 6px #0000001f}.home-icon svg{fill:#fff;width:72%;height:72%}.whatsapp-icon{background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 2px 6px #0000001f}.whatsapp-icon svg{fill:#fff;width:72%;height:72%}.footer-center .version{color:var(--text-weak);opacity:.6;letter-spacing:.4px;font-weight:600}.install-icon{background:#111;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;display:inline-flex;box-shadow:0 2px 6px #0000001f}.install-icon svg{fill:#fff;width:72%;height:72%}.toast{color:#111;box-shadow:var(--shadow);z-index:100;background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.copy-toast{color:#fff;z-index:110;background:#333;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;animation:.2s fade-in-toast;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes fade-in-toast{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.toast--error{border-left:4px solid #ef4444}.toast--success{border-left:4px solid #22c55e}.checkmark{border:3px solid #22c55e;border-radius:50%;width:26px;height:26px;display:inline-block;position:relative}.checkmark:after{content:"";border:3px solid #22c55e;border-width:0 3px 3px 0;width:8px;height:14px;position:absolute;top:10px;left:6px;transform:rotate(45deg)}.crossmark{border:3px solid #ef4444;border-radius:50%;width:26px;height:26px;display:inline-block;position:relative}.crossmark:after,.crossmark:before{content:"";background:#ef4444;width:3px;height:14px;position:absolute;top:3px;left:10px;transform:rotate(45deg)}.crossmark:before{transform:rotate(-45deg)}.paybill-reminder-overlay{z-index:120;max-width:90vw;position:fixed;top:12px;right:12px}.toast--paybill-reminder{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-left:4px solid #dc3545;border-radius:12px;align-items:flex-start;gap:16px;max-width:420px;padding:20px 24px;animation:.3s ease-out slideInRight;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #dc354526}.toast--paybill-reminder:before{content:"";background:linear-gradient(90deg,#dc3545,#fd7e14,#ffc107);height:2px;position:absolute;top:0;left:0;right:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(-50%)}}.reminder-icon{filter:drop-shadow(0 2px 4px #dc35454d);margin-top:2px;font-size:28px;line-height:1;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reminder-content{flex:1;min-width:0}.reminder-title{color:#dc3545;letter-spacing:-.2px;text-shadow:0 1px 2px #dc35451a;margin-bottom:6px;font-size:18px;font-weight:700}.reminder-message{color:#495057;margin-bottom:16px;font-size:15px;font-weight:500;line-height:1.5}.reminder-details{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:10px;margin-bottom:16px;padding:16px;box-shadow:inset 0 1px 3px #0000001a}.detail-line{color:#212529;white-space:pre-wrap;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.detail-line:last-child{margin-bottom:0}.detail-line strong{color:#dc3545;font-size:15px;font-weight:700}.reminder-trust{background:#28a7451a;border:1px solid #28a74533;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.trust-badge{color:#28a745;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.trust-text{color:#28a745;font-size:11px;font-weight:500}.detail-item{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.detail-item:last-child{margin-bottom:0}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#212529;font-family:Courier New,monospace;font-weight:600}.detail-value.highlight{color:#dc3545;font-size:14px;font-weight:700}.reminder-dismiss{color:#6c757d;cursor:pointer;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.reminder-dismiss:hover{color:#495057;background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.reminder-dismiss:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width:480px){.paybill-reminder-overlay{top:12px;left:12px;right:12px}.toast--paybill-reminder{gap:12px;max-width:100%;padding:16px}.reminder-title{font-size:16px}.reminder-message,.detail-line strong{font-size:14px}}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}.modal{z-index:80;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--legal{z-index:90}.modal--forgot{z-index:85}.modal-card{box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;width:92%;max-width:440px;max-height:min(86vh,760px);padding:20px;overflow:auto}.modal-card h3{margin:0 0 12px}.modal-card label{color:var(--text-weak);margin:10px 0;font-size:14px;display:block}.consent-label{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.modal-card input[type=text],.modal-card input[type=email],.modal-card input[type=password]{border:1px solid #ddd;border-radius:10px;width:100%;padding:10px 12px}.modal-card input[type=checkbox]{width:auto;height:auto;margin:0 6px 0 0}.password-row{align-items:center;gap:8px;display:flex}.password-row input{flex:1}.password-toggle{white-space:nowrap}.modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 14px}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.error{color:#d00;margin-top:8px;font-size:13px}.error.blink{animation:.9s ease-in-out 2 error-blink}@keyframes error-blink{0%,to{opacity:1}50%{opacity:0}}.info{color:#1b1b1b;margin-top:8px;font-size:13px}.info--red{color:#e53935}.link{color:var(--brand);cursor:pointer;background:0 0;border:none;margin-top:8px}.link-inline{margin-top:0;padding:0}.link--blue{color:#1e88e5}.footer-link{color:var(--text-weak);margin-left:6px;font-size:12px}.install-notice{z-index:65;position:fixed;top:16px;right:16px}.install-card{color:#111;box-shadow:var(--shadow);background:#fff;border-radius:12px;width:280px;max-width:calc(100vw - 32px);padding:12px 14px}.install-card h3{margin:0 0 8px;font-size:15px}.install-card p{color:var(--text-weak);margin:0 0 10px;font-size:13px}.install-actions{justify-content:flex-end;gap:8px;display:flex}.plans-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;display:grid}@media (max-width:360px){.plans-grid{grid-template-columns:minmax(0,1fr)}}.plan-card{cursor:pointer;text-align:center;background:#f5f5f5;border:2px solid #0000;border-radius:12px;padding:10px;transition:all .2s;position:relative}.plan-card.active{border-color:var(--brand);background:#fff;box-shadow:0 4px 12px #ff003326}.plan-card:hover:not(.active){background:#eee}.plan-badge{background:var(--brand);color:#fff;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000001a}.plan-duration{margin-bottom:4px;font-size:14px;font-weight:700}.plan-price{flex-direction:column;align-items:center;gap:2px;display:flex}.price-discounted{color:var(--brand);font-size:15px;font-weight:800}.price-original{color:var(--text-weak);opacity:.8;font-size:12px;text-decoration:line-through}.pay-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;margin:10px 0 12px;display:flex;overflow-x:auto}.tab{color:#111;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tab--mpesa.active{color:#fff;background:#00a859;border-color:#00a859}.tab--airtel.active{color:#fff;background:#e61424;border-color:#e61424}.tab--paypal.active{color:#fff;background:#003087;border-color:#003087}.tab--crypto.active{color:#111;background:#f7931a;border-color:#f7931a}.tab--paybill.active{color:#fff;background:#00a859;border-color:#00a859}.brand-icon{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.brand-icon svg{width:70%;height:70%}.brand-icon--mpesa{background:#00a859}.brand-icon--airtel{background:#e61424}.brand-icon--paypal{background:#003087}.brand-icon--crypto{background:#f7931a}.brand-icon--paybill{background:#00a859}.brand-banner{color:#fff;border-radius:12px;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;display:flex}.brand-banner--mpesa{background:#00a859}.brand-banner--airtel{background:#e61424}.brand-banner--paypal{background:#003087}.brand-banner--crypto{color:#111;background:#f7931a}.brand-banner--paybill{background:#00a859}.brand-banner .brand-title{letter-spacing:.3px;font-weight:800}.brand-banner .brand-note{opacity:.9;font-size:13px}.pay-section{margin-top:8px}.admin-shell{color:#e5e7eb;background:#0b1220;flex-direction:column;min-height:100%;display:flex}.admin-topbar{z-index:40;background:#0f172a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.admin-brand{letter-spacing:.3px;font-weight:900}.admin-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-main{gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:14px 12px 28px;display:grid}.admin-btn{color:#e5e7eb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;padding:8px 10px;font-weight:700}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn--primary{color:#071014;background:#16a34a;border-color:#16a34a}.admin-btn--danger{color:#fff;background:#dc2626;border-color:#dc2626}.admin-error{color:#fecaca;background:#dc262626;border:1px solid #dc262659;border-radius:12px;padding:10px 12px}.admin-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.admin-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-card-title{font-weight:900}.admin-actions{gap:10px;margin-top:12px;display:flex}.admin-form{gap:10px;display:grid}.admin-label{color:#e5e7eb;gap:6px;font-weight:700;display:grid}.admin-input{color:#e5e7eb;background:#0003;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;padding:10px}.admin-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #3b82f633}.admin-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:520px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-metric{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.admin-metric-label{color:#e5e7ebbf;letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:800}.admin-metric-value{margin-top:6px;font-size:20px;font-weight:900}.admin-table-wrap{border:1px solid #ffffff1a;border-radius:14px;overflow:auto}.admin-table{border-collapse:collapse;background:#00000024;width:100%;min-width:760px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:10px}.admin-table th{z-index:1;letter-spacing:.3px;text-transform:uppercase;color:#e5e7ebcc;background:#0f172af2;font-size:12px;position:sticky;top:0}.muted{color:#e5e7eba6}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.admin-form .mono{overflow-wrap:anywhere;word-break:break-word}.admin-packages-mobile{gap:10px;display:grid}.admin-packages-desktop{display:none}.admin-package-card{background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;gap:10px;padding:12px;display:grid}.admin-package-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-package-title{font-weight:900}.admin-package-meta{flex-wrap:wrap;gap:10px;display:flex}.admin-list-mobile{gap:10px;display:grid}.admin-list-desktop{display:none}.admin-item-card{background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;gap:10px;padding:12px;display:grid}.admin-item-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.admin-item-meta{overflow-wrap:anywhere;flex-wrap:wrap;gap:10px;display:flex}@media (min-width:900px){.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-table{min-width:980px}.admin-packages-mobile{display:none}.admin-packages-desktop{display:block}.admin-list-mobile{display:none}.admin-list-desktop{display:block}}