:root{--bg:#0e1013;--bg2:#15181d;--bg3:#1c2027;--border:#272c34;--text:#e7eaef;--muted:#8a93a3;--accent:#0f766e;--accent2:#14b8a6;--green:#22c55e;--red:#ef4444;--orange:#f97316;--yellow:#ca8a04;--purple:#7c3aed;--ozon:#e55b00;--wb:#8b18a8}html[data-theme="light"]{--bg:#f0f1f4!important;--bg2:#fff!important;--bg3:#e7e9ee!important;--border:#d2d5db!important;--text:#1a1d28!important;--muted:#6b7085!important;--accent:#0f766e!important;--accent2:#0d9488!important;--green:#16a34a!important;--red:#dc2626!important;--orange:#d97706!important;--yellow:#ca8a04!important;--purple:#7c3aed!important;--ozon:#e55b00!important;--wb:#8b18a8!important}html[data-theme="light"] body{background:#f0f1f4!important;color:#1a1d28!important}html[data-theme="light"] body::before{opacity:.08!important}html[data-theme="dark"] nav,html[data-theme="dark"] .topbar,html[data-theme="dark"] .sa-topbar,html[data-theme="dark"] .nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(14,16,19,.82)!important}html[data-theme="light"] nav,html[data-theme="light"] .topbar,html[data-theme="light"] .sa-topbar,html[data-theme="light"] .nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.72)!important;border-bottom-color:rgba(0,0,0,.08)!important}html[data-theme="dark"] .stat,html[data-theme="dark"] .plan-card,html[data-theme="dark"] .feat,html[data-theme="dark"] .preview-card,html[data-theme="dark"] .feat-card,html[data-theme="dark"] .plat-block,html[data-theme="dark"] .table-wrap{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(21,24,29,.7)!important}html[data-theme="light"] .stat,html[data-theme="light"] .plan-card,html[data-theme="light"] .feat,html[data-theme="light"] .preview-card,html[data-theme="light"] .feat-card,html[data-theme="light"] .plat-block,html[data-theme="light"] .table-wrap{background:rgba(255,255,255,.75)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(0,0,0,.10)!important;box-shadow:0 1px 6px rgba(0,0,0,.05)}.feat{transition:transform .25s cubic-bezier(.4,0,.2,1) , border-color .25s ease , box-shadow .25s ease!important}.feat:hover{transform:translateY(-6px)!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}html[data-theme="light"] .feat:hover{box-shadow:0 12px 32px rgba(0,0,0,.10)!important}.plan-card{transition:transform .25s cubic-bezier(.4,0,.2,1) , border-color .25s ease , box-shadow .25s ease!important}.plan-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important}.plan-card.hot:hover{box-shadow:0 16px 40px rgba(15,118,110,.25)!important}html[data-theme="light"] .plan-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.10)!important}html[data-theme="light"] .plan-card.hot:hover{box-shadow:0 16px 40px rgba(15,118,110,.18)!important}.preview-card{transition:transform .25s cubic-bezier(.4,0,.2,1) , border-color .25s ease , box-shadow .25s ease!important}.preview-card:hover{transform:translateY(-4px)!important;border-color:rgba(15,118,110,.3)!important;box-shadow:0 12px 32px rgba(0,0,0,.15)!important}html[data-theme="light"] .preview-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.08)!important}.stat{transition:transform .2s cubic-bezier(.4,0,.2,1) , border-color .2s ease , box-shadow .2s ease!important}.stat:hover{transform:translateY(-3px)!important;border-color:rgba(15,118,110,.25)!important;box-shadow:0 8px 24px rgba(0,0,0,.15)!important}html[data-theme="light"] .stat:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)!important}.feat-card{transition:transform .25s cubic-bezier(.4,0,.2,1) , border-color .25s ease , box-shadow .25s ease!important}.feat-card:hover{transform:translateY(-4px)!important;box-shadow:0 10px 28px rgba(0,0,0,.15)!important}html[data-theme="light"] .feat-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.08)!important}.step{transition:background .2s ease!important}.btn-main{transition:opacity .18s , transform .18s , box-shadow .18s!important}.btn-main:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(15,118,110,.3)!important}.btn-ghost{transition:all .18s!important}.btn-ghost:hover{transform:translateY(-1px)!important}.stats-row{transition:transform .25s ease , box-shadow .25s ease!important}.plat-badge{transition:transform .2s ease , box-shadow .2s ease!important}.plat-badge:hover{transform:translateY(-2px)!important}html[data-theme="light"] input[type="text"],html[data-theme="light"] input[type="email"],html[data-theme="light"] input[type="password"],html[data-theme="light"] input[type="number"],html[data-theme="light"] input[type="search"],html[data-theme="light"] textarea,html[data-theme="light"] select,html[data-theme="light"] .input-wrap input,html[data-theme="light"] .mapper-select{background:rgba(255,255,255,.85)!important;border-color:rgba(0,0,0,.15)!important;color:#1a1d28!important}html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#6b7085!important}html[data-theme="light"] input:focus,html[data-theme="light"] .input-wrap input:focus,html[data-theme="light"] select:focus{border-color:#0f766e!important;box-shadow:0 0 0 3px rgba(15,118,110,.15)!important}html[data-theme="light"] table th,html[data-theme="light"] .col-table th{background:rgba(0,0,0,.03)!important}html[data-theme="light"] table td,html[data-theme="light"] .col-table td,html[data-theme="light"] tr td{border-bottom-color:rgba(0,0,0,.06)!important}html[data-theme="light"] table tr:hover td,html[data-theme="light"] tbody tr:hover td{background:rgba(15,118,110,.04)!important}html[data-theme="light"] .card{background:rgba(255,255,255,.85)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(0,0,0,.10)!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important}html[data-theme="light"] .card::before{opacity:.5}html[data-theme="light"] .tabs{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] .tab.active{background:#fff!important;color:#1a1d28!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}html[data-theme="light"] .upload-screen{background:#f0f1f4!important}html[data-theme="light"] .drop-zone{background:rgba(255,255,255,.7)!important;border-color:#d2d5db!important}html[data-theme="light"] .drop-zone:hover,html[data-theme="light"] .drop-zone.dragover{border-color:#0f766e!important;background:rgba(15,118,110,.04)!important}html[data-theme="light"] .sa-badge-free{background:rgba(107,112,133,.10)!important;border-color:rgba(107,112,133,.25)!important}html[data-theme="light"] .sa-badge-pro{background:rgba(13,148,136,.10)!important;border-color:rgba(13,148,136,.30)!important}html[data-theme="light"] .sa-badge-admin{background:rgba(220,38,38,.08)!important;border-color:rgba(220,38,38,.20)!important}html[data-theme="light"] .sa-tab.active{background:rgba(255,255,255,.85)!important;border-color:rgba(0,0,0,.08)!important;color:#1a1d28!important}html[data-theme="light"] .btn-ghost,html[data-theme="light"] .plan-btn-outline,html[data-theme="light"] .sa-logout,html[data-theme="light"] .btn-logout,html[data-theme="light"] .cookie-no{border-color:rgba(0,0,0,.15)!important;color:#6b7085!important}html[data-theme="light"] .btn-ghost:hover,html[data-theme="light"] .plan-btn-outline:hover{border-color:#0f766e!important;color:#0f766e!important}html[data-theme="light"] .sa-logout:hover,html[data-theme="light"] .btn-logout:hover{border-color:#dc2626!important;color:#dc2626!important}html[data-theme="light"] .cookie{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(0,0,0,.08)!important;box-shadow:0 8px 32px rgba(0,0,0,.10)!important}html[data-theme="light"] footer,html[data-theme="light"] .footer{border-top-color:rgba(0,0,0,.06)!important}html[data-theme="light"] .hero::before{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(15,118,110,.08) 0%,transparent 65%) , radial-gradient(ellipse 40% 30% at 85% 55%,rgba(13,148,136,.05) 0%,transparent 55%)!important}html[data-theme="light"] .hero h1{background:linear-gradient(135deg,#1a1d28 20%,#0f766e 60%,#0d9488 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}html[data-theme="light"] .stats-row{background:rgba(255,255,255,.75)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] .steps{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] .step{background:rgba(255,255,255,.65)!important}html[data-theme="light"] .cta-final{background:linear-gradient(180deg,transparent,rgba(15,118,110,.04))!important}html[data-theme="light"] .plan-card.hot{border-color:rgba(15,118,110,.4)!important;background:linear-gradient(135deg,rgba(15,118,110,.04),rgba(13,148,136,.04))!important}html[data-theme="light"] .plan-card[style*="border-color:rgba\(249,115,22"]{border-color:rgba(217,119,6,.3)!important;background:linear-gradient(135deg,rgba(217,119,6,.04),rgba(202,138,4,.06))!important}html[data-theme="light"] .highlight{background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] .note{background:rgba(234,179,8,.06)!important;border-color:rgba(234,179,8,.18)!important}html[data-theme="light"] .tip{background:rgba(15,118,110,.05)!important;border-color:rgba(15,118,110,.15)!important}html[data-theme="light"] div[style*="background:var\(--bg2\)"]{background:rgba(255,255,255,.75)!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] div[style*="background:var\(--bg2\);border:1px solid var\(--border\);border-radius:12px;padding"]{background:rgba(255,255,255,.75)!important}html[data-theme="light"] .stat-val{color:inherit}html[data-theme="light"] .mapper-panel{background:rgba(255,255,255,.80)!important;border-color:rgba(0,0,0,.10)!important}html[data-theme="light"] .mapper-btn{border-color:rgba(0,0,0,.10)!important}html[data-theme="light"] code{background:rgba(0,0,0,.05)!important;color:#0f766e!important}html[data-theme="light"] canvas{filter:none}html[data-theme="light"] .chart-svg text{fill:#6b7085!important}html[data-theme="light"] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme="light"] ::-webkit-scrollbar-track{background:rgba(0,0,0,.02)}html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:9999px}html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.22)}html[data-theme="dark"] ::-webkit-scrollbar{width:8px;height:8px}html[data-theme="dark"] ::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:9999px}html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}::selection{background:var(--accent);color:#fff}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *::before,html.theme-transitioning *::after{transition:background-color .3s ease , color .3s ease , border-color .3s ease , box-shadow .3s ease!important}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .18s;color:var(--muted);font-size:1rem;padding:0;line-height:1;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:rgba(15,118,110,.08)}.theme-toggle .icon-sun{display:inline}.theme-toggle .icon-moon{display:none}html[data-theme="light"] .theme-toggle .icon-sun{display:none}html[data-theme="light"] .theme-toggle .icon-moon{display:inline}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.feat:hover,.plan-card:hover,.preview-card:hover,.stat:hover,.feat-card:hover,.btn-main:hover{transform:none!important}}@media (max-width:600px){.nav a[href="/help.php"],.nav a[href="/auth.php"].nav-link,.nav .nav-btn{display:none!important}.nav .nav-link{padding:5px 8px!important;font-size:.75rem!important}.theme-toggle{width:30px;height:30px;font-size:.85rem}.nav .logo-name,.nav .nav-name{font-size:.78rem!important}.lang-sw{font-size:.7rem!important;padding:3px 6px!important}.lang-sw a{padding:2px 5px!important;font-size:.65rem!important}.sa-topbar{flex-wrap:wrap!important;gap:6px!important;padding:8px 12px!important}.sa-topbar-right{gap:4px!important}}@media (max-width:768px) and (min-width:601px){.nav .nav-btn{display:none!important}.nav .nav-link{padding:6px 10px!important;font-size:.8rem!important}}