*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Helvetica,sans-serif;color:#fff;background-color:#1e1e1e;background-image:linear-gradient(to right,rgb(47 47 57 / .6) 1px,transparent 1px),linear-gradient(to bottom,rgb(47 47 57 / .6) 1px,transparent 1px);background-size:80px 80px}.page{min-height:100vh;display:flex;flex-direction:column}.footer{padding:24px 32px 32px;text-align:center;font-size:12px;color:#6b7280}body.light .footer{color:#9ca3af}.header{width:100%;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;background:rgb(30 30 30 / .95);backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid rgb(255 255 255 / .1)}@media (max-width:768px){.header{padding:14px 16px;height:56px;align-items:center}}.logo{display:flex;align-items:flex-end;gap:4px;cursor:pointer}@media (max-width:768px){.logo{align-items:center;gap:2px}}.logo-main{font-size:22px;letter-spacing:.35em;text-transform:uppercase;font-weight:800;color:#8b5cff}@media (max-width:768px){.logo-main{font-size:16px;letter-spacing:.2em}}.logo-sub{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#9ca3af;margin-bottom:2px}@media (max-width:768px){.logo-sub{font-size:7px;letter-spacing:.15em;margin-bottom:0}}.logo-img{max-width:150px;width:100%;height:auto;display:block}@media (max-width:1024px){.logo-img{max-width:140px}}@media (max-width:768px){.logo-img{max-width:100px}}.header-right{display:flex;align-items:center;gap:14px}.nav{display:flex;gap:32px;font-size:16px}@media (max-width:768px){.nav{display:none}}.nav a{color:#e5e7eb;text-decoration:none;transition:color 0.15s ease;white-space:nowrap;opacity:1}.nav a:hover{color:#fff}.nav-index{font-size:12px;color:#6b7280;margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.btn-light{background-color:#fff;color:#111827;box-shadow:0 8px 20px rgb(0 0 0 / .15)}.btn-light:hover{background-color:#f3f4f6}.btn-primary{background-color:#8b5cff;color:#fff;box-shadow:0 12px 30px rgb(139 92 255 / .35);padding-inline:32px;padding-block:11px}.btn-primary:hover{background-color:#7c3aed}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:999px;border:1px solid rgb(148 163 184 / .4);background:rgb(15 23 42 / .7);color:#e5e7eb;cursor:pointer;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px);transition:background 0.2s ease,border-color 0.2s ease}@media (max-width:768px){.theme-toggle{position:fixed;top:7px;right:59px;margin-top:10px;font-size:9px;gap:4px;padding:3px 5px;letter-spacing:.06em}}@media (max-width:768px){.theme-toggle:hover{background:rgb(15 23 42 / .9);border-color:rgb(129 140 248 / .7)}}.toggle-icon{width:14px;text-align:center;opacity:.6}@media (max-width:768px){.toggle-icon{width:12px}}.theme-toggle .sun{color:#fbbf24}.theme-toggle .moon{color:#c4b5fd}.toggle-track{position:relative;width:32px;height:16px;border-radius:999px;background:rgb(31 41 55 / .9);display:inline-flex;align-items:center;padding:2px}@media (max-width:768px){.toggle-track{width:26px;height:14px;padding:1px}}.toggle-thumb{position:absolute;left:2px;width:12px;height:12px;border-radius:999px;background:#f9fafb;box-shadow:0 2px 5px rgb(0 0 0 / .35);transition:transform 0.22s ease}@media (max-width:768px){.toggle-thumb{width:10px;height:10px;left:1px}}body.light .toggle-thumb{transform:translateX(16px)}@media (max-width:768px){body.light .toggle-thumb{transform:translateX(13px)}}.burger{width:42px;height:42px;border:none;background:#fff0;display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;z-index:1100;position:fixed;top:7px;right:16px;align-items:center}@media (max-width:768px){.burger{display:flex;top:7px}}.burger span{height:2px;width:22px;background-color:#d1d5db;transition:transform 0.2s ease,opacity 0.2s ease}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;gap:10px;padding:16px 16px 24px;background:#1e1e1e;border-top:1px solid rgb(255 255 255 / .1);align-items:flex-end;text-align:right;position:fixed;top:54px;right:5px;width:180px;max-width:90vw;height:auto;max-height:calc(100vh - 54px);z-index:1000;overflow-y:auto;border-radius:0 0 0 8px;box-shadow:0 8px 16px rgb(0 0 0 / .25);transform:translateX(100%);transition:transform 0.3s cubic-bezier(.25,.46,.45,.94)}@media (max-width:768px){.mobile-menu{top:54px;right:5px}}.mobile-menu.open{display:flex;transform:translateX(0)}.mobile-menu a{color:#e5e7eb;text-decoration:none;font-size:16px;padding:5px 0;white-space:nowrap}.mobile-menu a:hover{color:#fff}.mobile-menu .mobile-cta{margin-top:8px}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding-top:140px}@media (max-width:768px){.hero{padding-top:54px}}.hero-inner{width:100%;max-width:960px;padding:80px 32px 96px;text-align:center}@media (max-width:768px){.hero-inner{padding:40px 16px 64px}}@media (max-width:1024px) and (min-width:769px){.hero-inner{max-width:460px;padding:60px 24px}}.hero-title{font-size:48px;line-height:1.1;font-weight:800}@media (max-width:1024px) and (min-width:769px){.hero-title{font-size:42px}}@media (max-width:768px){.hero-title{font-size:30px}}.hero-title span{display:block}.hero-title.inline-titles span{display:inline-block}.hero-title .accent{color:#8b5cff}.hero-sub{margin-top:20px;max-width:640px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6;color:#d1d5db;text-align:center}.hero-inner .btn-primary{margin-top:32px;margin-left:auto;margin-right:auto;max-width:170px}.inner-page{max-width:1280px;margin:0 auto;padding:0 32px}@media (max-width:768px){.inner-page{padding:0 16px}}@media (max-width:768px){.header-cta{display:none!important}.header-right{display:flex;margin-left:auto;margin-right:10px}}.features{margin:24px auto 0;max-width:960px;list-style:none;text-align:left;color:#d1d5db}.features li{padding:10px 0;border-top:1px solid rgb(120 120 140 / .25)}.features li:first-child{border-top:0}.faq{margin:24px auto 0;max-width:940px;text-align:left}.faq .q{padding:14px 0;border-top:1px solid rgb(120 120 140 / .25)}.faq .q:first-child{border-top:0}.faq h3{font-size:16px;font-weight:700;margin-bottom:6px;color:#fff}.faq p{color:#d1d5db;font-size:14px;line-height:1.6}#disconnectAlert{position:fixed;bottom:16px;left:16px;padding:10px 14px;border-radius:6px;background:rgb(55 65 81 / .9);color:#e5e7eb;font-size:13px;z-index:50}#toast-container{position:fixed;bottom:16px;right:16px;z-index:60;display:none}#toast-container .toast{min-width:220px;padding:10px 14px;border-radius:8px;background:rgb(16 185 129 / .12);border:1px solid rgb(16 185 129 / .6);color:#a7f3d0;font-size:13px;backdrop-filter:blur(8px)}#toast-container.hide{opacity:0;transition:opacity 0.4s ease}body.light{color:#0f172a;background-color:#f5f3ff;background-image:linear-gradient(to right,rgb(209 213 219 / .6) 1px,transparent 1px),linear-gradient(to bottom,rgb(209 213 219 / .6) 1px,transparent 1px)}body.light .logo-main{color:#7c3aed}body.light .logo-sub{color:#6b7280}body.light .nav a{color:#374151}body.light .nav a:hover{color:#111827}body.light .nav-index{color:#9ca3af}body.light .theme-toggle{background:rgb(255 255 255 / .85);border-color:rgb(148 163 184 / .6);color:#4b5563}body.light .toggle-track{background:#e5e7eb}body.light .toggle-thumb{background:#fff}body.light .hero-title{color:#111827}body.light .hero-title .accent{color:#7c3aed}body.light .hero-sub{color:#4b5563}body.light .btn-light{background-color:#111827;color:#f9fafb}body.light .btn-light:hover{background-color:#020617}body.light .btn-primary{background-color:#7c3aed;color:#fff;box-shadow:0 12px 30px rgb(124 58 237 / .25)}body.light .btn-primary:hover{background-color:#6d28d9}body.light .mobile-menu{background:rgb(245 243 255 / .98);border-top:1px solid rgb(229 229 235 / .8)}body.light .mobile-menu a{color:#111827}body.light .mobile-menu a:hover{color:#020617}body.light .burger span{background-color:#374151}body.light .features,body.light .faq p{color:#4b5563}body.light .faq h3{color:#111827}body.light .features li,body.light .faq .q{border-top-color:rgb(0 0 0 / .08)}body.light #disconnectAlert{background:rgb(31 41 55 / .9);color:#f9fafb}body.light #toast-container .toast{background:#ecfdf5;color:#065f46;border-color:rgb(16 185 129 / .6)}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity 0.5s ease-in-out}.page-loader.fade-out{opacity:0;pointer-events:none}.loader-gif{width:300px;height:300px;max-width:300px;max-height:300px;object-fit:contain}@media (max-width:768px){.loader-gif{width:220px;height:220px;max-width:220px;max-height:220px}}body.loading{overflow:hidden}body.light .header{background:rgb(255 255 255 / .95);border-bottom-color:rgb(0 0 0 / .1);color:#111827