@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--spectrum-blue:#0067b9;--spectrum-blue-dark:#004f8f;--spectrum-blue-light:#e8f4fd;--spectrum-blue-hover:#005aa3;--spectrum-navy:#002f5f;--spectrum-cyan:#00a3e0;--cta-orange:#e85d26;--cta-orange-hover:#d14d1a;--cta-green:#2e8b57;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--section-padding:5rem 0;--container-width:1200px;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-card:0 2px 8px #0000000f,0 0 0 1px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:var(--spectrum-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--spectrum-blue-dark)}img{max-width:100%;height:auto}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--border-radius);font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--spectrum-blue);color:var(--white)}.btn-primary:hover{background:var(--spectrum-blue-dark);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px #0067b94d}.btn-cta{background:var(--cta-orange);color:var(--white)}.btn-cta:hover{background:var(--cta-orange-hover);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 12px #e85d264d}.btn-secondary{background:var(--gray-100);color:var(--gray-800);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{color:var(--white);background:#218838}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{color:var(--white);background:#c82333}.btn-outline{color:var(--white);border:2px solid var(--white);background:0 0}.btn-outline:hover{background:var(--white);color:var(--spectrum-blue)}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.navbar{z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar-inner{max-width:var(--container-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{color:var(--spectrum-blue);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo-icon{font-size:1.5rem}.navbar-links{align-items:center;gap:1.5rem;display:flex}.navbar-link{color:var(--gray-700);font-size:.9rem;font-weight:500;transition:color .2s}.navbar-link:hover{color:var(--spectrum-blue)}.navbar-cta{background:var(--spectrum-blue);border-radius:var(--border-radius);padding:.45rem 1rem;font-weight:600;color:var(--white)!important}.navbar-cta:hover{background:var(--spectrum-blue-dark);color:var(--white)!important}.navbar-toggle{cursor:pointer;color:var(--gray-700);background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.navbar-links{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:none;position:absolute;top:64px;left:0;right:0}.navbar-links.open{display:flex}.navbar-toggle{display:block}}.hero{background:linear-gradient(135deg,var(--spectrum-navy)0%,var(--spectrum-blue)50%,var(--spectrum-cyan)100%);color:var(--white);text-align:center;padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.hero-title .price-highlight{color:gold;display:block}.hero-description{opacity:.9;max-width:600px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.hero-features{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.hero-feature{opacity:.9;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.hero-feature-icon{color:#4ade80;font-weight:700}.reseller-hero{background:linear-gradient(135deg,var(--spectrum-navy)0%,var(--spectrum-blue)100%);color:var(--white);text-align:center;padding:5rem 1.5rem}.section{padding:var(--section-padding)}.section-title{text-align:center;color:var(--spectrum-navy);letter-spacing:-.01em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.section-subtitle{text-align:center;color:var(--gray-600);max-width:600px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.6}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.plan-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;padding:2rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.plan-card:before{content:"";background:var(--spectrum-blue);height:4px;position:absolute;top:0;left:0;right:0}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.featured{border-color:var(--spectrum-blue);box-shadow:var(--shadow-md)}.plan-card.featured:before{background:var(--cta-orange);height:4px}.plan-card.featured:after{content:"MOST POPULAR";background:var(--cta-orange);color:#fff;letter-spacing:.5px;padding:.25rem 2.5rem;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:-32px;transform:rotate(45deg)}.plan-card-name{color:var(--spectrum-navy);margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.plan-card-speed{color:var(--gray-600);margin-bottom:1.25rem;font-size:.85rem}.plan-card-price{color:var(--spectrum-blue);margin-bottom:.25rem;font-size:3rem;font-weight:900;line-height:1}.plan-card-price .currency{vertical-align:super;font-size:1.5rem}.plan-card-price .period{color:var(--gray-600);font-size:1rem;font-weight:500}.plan-card-features{text-align:left;flex-direction:column;gap:.6rem;margin:1.5rem 0;display:flex}.plan-card-features li{color:var(--gray-700);padding-left:1.5rem;font-size:.9rem;position:relative}.plan-card-features li:before{content:"✓";color:var(--spectrum-blue);font-weight:700;position:absolute;left:0}.devices-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.device-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative}.device-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.device-badge{background:var(--success);color:var(--white);letter-spacing:.3px;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.device-badge.deal{background:var(--cta-orange)}.device-image{margin:1rem 0;font-size:3rem}.device-name{color:var(--gray-800);margin-bottom:.25rem;font-size:1rem;font-weight:700}.device-detail{color:var(--gray-600);margin-bottom:.5rem;font-size:.8rem}.device-price{color:var(--spectrum-blue);font-size:1.1rem;font-weight:800}.device-price .original{color:var(--gray-500);margin-left:.4rem;font-size:.8rem;font-weight:400;text-decoration:line-through}.bundle-banner{background:linear-gradient(135deg,var(--spectrum-navy)0%,var(--spectrum-blue)100%);border-radius:var(--border-radius-lg);text-align:center;color:var(--white);padding:3rem 2rem;position:relative;overflow:hidden}.bundle-label{background:var(--cta-orange);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.bundle-title{margin-bottom:.75rem;font-size:2.5rem;font-weight:900}.bundle-subtitle{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.bundle-highlight{color:gold;font-weight:700}.bundle-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.bundle-item{background:#ffffff26;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;display:flex}.bundle-item-icon{font-size:1.2rem}.bundle-plus{opacity:.6;font-size:1.5rem;font-weight:700}.lead-form-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);max-width:640px;box-shadow:var(--shadow-md);margin:0 auto;padding:2rem}.form-group{flex:1;margin-bottom:1rem}.form-label{color:var(--gray-700);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--gray-300);border-radius:var(--border-radius);width:100%;font-size:.95rem;font-family:var(--font-family);color:var(--gray-800);background:var(--white);padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--spectrum-blue);outline:none;box-shadow:0 0 0 3px #0067b91f}.form-input::placeholder{color:var(--gray-400)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.alert{border-radius:var(--border-radius);align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.5;display:flex}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-blue{background:var(--spectrum-blue-light);color:var(--spectrum-blue)}.badge-green{color:#155724;background:#d4edda}.badge-yellow{color:#856404;background:#fff3cd}.badge-red{color:#721c24;background:#f8d7da}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--gray-900);color:var(--gray-400);padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem;display:grid}.footer-brand{color:var(--white);margin-bottom:.75rem;font-size:1.25rem;font-weight:800}.footer-desc{color:var(--gray-500);font-size:.85rem;line-height:1.7}.footer-heading{text-transform:uppercase;letter-spacing:1px;color:var(--gray-300);margin-bottom:1rem;font-size:.8rem;font-weight:700}.footer-link{color:var(--gray-500);margin-bottom:.5rem;font-size:.85rem;transition:color .2s;display:block}.footer-link:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);text-align:center;padding-top:1.5rem}.footer-disclaimer{color:var(--gray-600);max-width:800px;margin:0 auto;font-size:.75rem;line-height:1.6}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.login-page{background:linear-gradient(135deg,var(--spectrum-navy)0%,var(--spectrum-blue)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--white);border-radius:var(--border-radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h1{color:var(--spectrum-blue);margin-bottom:.3rem;font-size:1.5rem;font-weight:800}.login-logo p{color:var(--gray-600);font-size:.9rem}.dashboard-layout{min-height:calc(100vh - 64px);display:flex}.sidebar{background:var(--gray-50);border-right:1px solid var(--gray-200);flex-shrink:0;width:240px;padding:1.5rem 0}.sidebar-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:.5rem;padding:0 1.25rem;font-size:.7rem;font-weight:700}.sidebar-nav{margin-bottom:1.5rem}.sidebar-item{list-style:none}.sidebar-link{color:var(--gray-700);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--gray-100);color:var(--spectrum-blue)}.sidebar-link.active{background:var(--spectrum-blue-light);color:var(--spectrum-blue);border-left-color:var(--spectrum-blue);font-weight:600}.sidebar-link-icon{font-size:1.1rem}.dashboard-main{background:var(--gray-50);flex:1;padding:2rem;overflow-y:auto}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-title{color:var(--gray-900);font-size:1.5rem;font-weight:800}@media (max-width:768px){.sidebar{display:none}.dashboard-main{padding:1.25rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stats-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem}.stats-card-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.stats-card-value{color:var(--gray-900);font-size:2rem;font-weight:800}.stats-card-change{margin-top:.25rem;font-size:.8rem}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);border-bottom:2px solid var(--gray-200);padding:.75rem;font-size:.75rem;font-weight:700}.data-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:.75rem;font-size:.88rem}.data-table tr:hover{background:var(--gray-50)}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-title{color:var(--gray-700);margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.empty-state-desc{color:var(--gray-500);font-size:.9rem}.referral-box{background:var(--spectrum-blue-light);border-radius:var(--border-radius-lg);border:1px solid #b8daed;margin-bottom:2rem;padding:1.5rem}.referral-label{text-transform:uppercase;letter-spacing:.5px;color:var(--spectrum-blue);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.referral-input-wrap{gap:.5rem;display:flex}.referral-input{border-radius:var(--border-radius);font-size:.85rem;font-family:var(--font-family);color:var(--gray-800);background:var(--white);border:1px solid #b8daed;flex:1;padding:.6rem .9rem}.referral-copy-btn{background:var(--spectrum-blue);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.referral-copy-btn:hover{background:var(--spectrum-blue-dark)}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.benefit-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;padding:2rem;transition:transform .2s,box-shadow .2s}.benefit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.benefit-icon{margin-bottom:1rem;font-size:2.5rem}.benefit-title{color:var(--gray-900);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.benefit-desc{color:var(--gray-600);font-size:.9rem;line-height:1.6}.section-alt{background:var(--gray-50)}.text-center{text-align:center}.text-muted{color:var(--gray-600)}[data-theme=dark]{--white:#1a1d23;--gray-50:#1e2128;--gray-100:#252830;--gray-200:#2e3139;--gray-300:#3a3d46;--gray-400:#5a5e69;--gray-500:#8b8f99;--gray-600:#a8acb5;--gray-700:#c8cbd2;--gray-800:#e0e2e7;--gray-900:#f0f1f3;--spectrum-blue-light:#0067b926;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-card:0 2px 8px #0000004d}[data-theme=dark] body{color:var(--gray-800);background-color:var(--white)}[data-theme=dark] .navbar{border-bottom-color:var(--gray-200);background:#1a1d23}[data-theme=dark] .navbar-logo{color:#4da6e8}[data-theme=dark] .navbar-link{color:var(--gray-700)}[data-theme=dark] .navbar-cta{background:var(--spectrum-blue);color:#fff!important}[data-theme=dark] .section-title{color:var(--gray-900)}[data-theme=dark] .plan-card,[data-theme=dark] .device-card,[data-theme=dark] .benefit-card,[data-theme=dark] .card,[data-theme=dark] .stats-card,[data-theme=dark] .lead-form-section{border-color:var(--gray-200);background:#1e2128}[data-theme=dark] .plan-card-name,[data-theme=dark] .device-name{color:var(--gray-900)}[data-theme=dark] .plan-card-price{color:#4da6e8}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .referral-input{border-color:var(--gray-300);color:var(--gray-800);background:#252830}[data-theme=dark] .form-input::placeholder{color:var(--gray-400)}[data-theme=dark] .login-card{background:#1e2128}[data-theme=dark] .login-logo h1{color:#4da6e8}[data-theme=dark] .sidebar{border-right-color:var(--gray-200);background:#1a1d23}[data-theme=dark] .dashboard-main{background:#16181d}[data-theme=dark] .sidebar-link:hover{background:var(--gray-100)}[data-theme=dark] .sidebar-link.active{background:#0067b926}[data-theme=dark] .data-table tr:hover{background:var(--gray-100)}[data-theme=dark] .referral-box{background:#0067b91a;border-color:#0067b940}[data-theme=dark] .footer{background:#111317}[data-theme=dark] .footer-bottom{border-top-color:#252830}[data-theme=dark] .alert-success{color:#6dd690;background:#28a74526;border-color:#28a7454d}[data-theme=dark] .alert-error{color:#f08a94;background:#dc354526;border-color:#dc35454d}[data-theme=dark] .badge-blue{color:#6db8e8;background:#0067b933}[data-theme=dark] .badge-green{color:#6dd690;background:#28a74533}[data-theme=dark] .badge-yellow{color:#ffe066;background:#ffc10733}[data-theme=dark] .badge-red{color:#f08a94;background:#dc354533}[data-theme=dark] .badge-gray{background:var(--gray-200);color:var(--gray-600)}[data-theme=dark] .btn-secondary{background:var(--gray-200);color:var(--gray-800);border-color:var(--gray-300)}[data-theme=dark] .btn-secondary:hover{background:var(--gray-300)}@media (max-width:768px){[data-theme=dark] .navbar-links{border-bottom-color:var(--gray-200);background:#1a1d23}}.theme-toggle{border:1px solid var(--gray-300);cursor:pointer;width:36px;height:36px;color:var(--gray-600);background:0 0;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--gray-100);border-color:var(--gray-400)}html[data-theme] *{transition:background-color .2s,border-color .2s,color .15s}html[data-theme] .hero *,html[data-theme] .reseller-hero *,html[data-theme] .bundle-banner *,html[data-theme] .login-page{transition:none}