@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700;800&display=swap');

        :root{--bg:#050510;--card:rgba(20,20,42,0.82);--border:rgba(139,92,246,0.12);--violet:#7c3aed;--indigo:#6366f1;--cyan:#06b6d4;--white:#ececf4;--dim:#4a4a66;--mid:#7a7a9a;--green:#22c55e;--red:#ef4444;--glow-v:rgba(124,58,237,0.35);--glow-c:transparent;--glass:rgba(20,20,42,0.82);--glass-border:rgba(139,92,246,0.14)}
        
        /* ===== LIGHT THEME ===== */
        [data-theme="light"]{
            --bg:#f5f7fb;--card:#ffffff;--border:rgba(0,0,0,0.08);
            --white:#111827;--dim:#9ca3af;--mid:#6b7280;
            --glass:rgba(255,255,255,0.95);--glass-border:rgba(0,0,0,0.06);
            --glow-v:rgba(124,58,237,0.08);--glow-c:transparent
        }
        [data-theme="light"] body{background:linear-gradient(180deg,#f5f7fb 0%,#eef1f8 100%)}
        [data-theme="light"] #stars{opacity:0.08}
        
        /* Navbar */
        [data-theme="light"] .nav{background:rgba(255,255,255,0.92)!important;backdrop-filter:blur(20px);border-color:rgba(0,0,0,0.06)!important;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
        [data-theme="light"] .nav-brand{color:var(--dark)!important}
        [data-theme="light"] .nav-av{box-shadow:0 2px 8px rgba(139,92,246,0.2)!important;border:2px solid #fff!important}
        [data-theme="light"] .nav-av:hover{box-shadow:0 4px 12px rgba(139,92,246,0.3)!important}
        [data-theme="light"] .nav-link{color:#4b5563}
        [data-theme="light"] .nav-link:hover,[data-theme="light"] .nav-link.active{color:var(--violet)}
        [data-theme="light"] .nav-balance{background:rgba(255,255,255,0.8);border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.05)}
        [data-theme="light"] .nav-balance::before{background:linear-gradient(90deg,transparent,rgba(139,92,246,0.2),transparent)}
        [data-theme="light"] .nav-balance:hover{background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.15)}
        [data-theme="light"] .nav-dropdown{background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.06);box-shadow:0 20px 60px rgba(0,0,0,0.15)}
        [data-theme="light"] .nav-dd-item{color:#374151}
        [data-theme="light"] .nav-dd-item:hover{background:rgba(139,92,246,0.06)}
        
        /* Cards */
        [data-theme="light"] .gi{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
        [data-theme="light"] .gc::before{background:linear-gradient(135deg,rgba(139,92,246,0.08),transparent)}
        [data-theme="light"] .dash-qs-card{background:#fff;border-color:rgba(0,0,0,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.04)}
        [data-theme="light"] .dash-case-card{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .dash-case-card:hover{background:rgba(139,92,246,0.04);border-color:rgba(139,92,246,0.15)}
        [data-theme="light"] .review-card{background:#fff!important;border:1px solid rgba(0,0,0,0.1)!important;box-shadow:0 2px 12px rgba(0,0,0,0.08)!important}
        [data-theme="light"] .review-name{color:#111827!important}
        [data-theme="light"] .review-meta{color:#6b7280!important}
        [data-theme="light"] .review-text{color:#374151!important}
        [data-theme="light"] .review-badge{background:rgba(139,92,246,0.1)!important;color:var(--violet)!important}
        [data-theme="light"] .review-avatar{background:linear-gradient(135deg,var(--violet),var(--cyan))!important;color:#fff!important}
        
        /* Hero & Sections */
        [data-theme="light"] .hero h1,[data-theme="light"] .section-title{color:#111827}
        [data-theme="light"] .hero-sub{color:#6b7280}
        [data-theme="light"] .hero-badge{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.15);color:var(--violet)}
        [data-theme="light"] .feature-card{background:#fff;border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .faq-item{background:#fff;border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .faq-q{color:#111827}
        
        /* Buttons */
        [data-theme="light"] .btn-ghost{border-color:rgba(139,92,246,0.25);color:var(--violet);background:transparent}
        [data-theme="light"] .btn-ghost:hover{background:rgba(139,92,246,0.08)}
        [data-theme="light"] .btn-nav-ghost{color:#4b5563;border-color:rgba(0,0,0,0.1)}
        
        /* Forms */
        [data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select{
            background:#fff;border-color:rgba(0,0,0,0.12);color:#111827;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
        [data-theme="light"] input:focus,[data-theme="light"] textarea:focus,[data-theme="light"] select:focus{
            border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,0.1)}
        [data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#9ca3af}
        [data-theme="light"] select option{background:#fff !important;color:#111827 !important}
        [data-theme="light"] select option:checked,[data-theme="light"] select option:hover{background:#f3f4f6 !important;color:#111827 !important}
        
        /* Tables */
        [data-theme="light"] .tbl th{background:rgba(139,92,246,0.04);color:#374151}
        [data-theme="light"] .tbl td{border-color:rgba(0,0,0,0.04);color:#4b5563}
        [data-theme="light"] .tbl tr:hover{background:rgba(139,92,246,0.04)}
        
        /* Modals */
        [data-theme="light"] .modal{background:#fff;box-shadow:0 20px 60px rgba(0,0,0,0.15)}
        [data-theme="light"] .modal-bg{background:rgba(0,0,0,0.4)}
        
        /* Footer */
        [data-theme="light"] .footer-main{background:#fff;border-top:1px solid rgba(0,0,0,0.06)}
        [data-theme="light"] .footer-desc,[data-theme="light"] .footer-col a{color:#6b7280}
        [data-theme="light"] .footer-line{background:linear-gradient(90deg,transparent,rgba(139,92,246,0.15),transparent)}
        
        /* Badges */
        [data-theme="light"] .badge{background:rgba(139,92,246,0.1);color:var(--violet)}
        [data-theme="light"] .badge.b-ok{background:rgba(34,197,94,0.1);color:#16a34a}
        [data-theme="light"] .badge.b-w{background:rgba(245,158,11,0.1);color:#d97706}
        
        /* Dashboard specific */
        [data-theme="light"] .dash-clean{background:transparent}
        [data-theme="light"] .dash-main-action{box-shadow:0 4px 12px rgba(139,92,246,0.2)}
        [data-theme="light"] .dash-section-header h2{color:#111827}
        
        /* Info boxes */
        [data-theme="light"] .info{background:rgba(139,92,246,0.06);border-color:rgba(139,92,246,0.12)}
        
        /* Scrollbar */
        [data-theme="light"] ::-webkit-scrollbar-track{background:#f1f1f1}
        [data-theme="light"] ::-webkit-scrollbar-thumb{background:#c4b5fd}
        
        /* Argument cards in light theme */
        [data-theme="light"] .arg{background:#fff!important;border:1px solid rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.04)}
        [data-theme="light"] .arg-num{background:rgba(139,92,246,0.1)!important;color:var(--violet)!important}
        [data-theme="light"] .arg-text{color:#374151!important}
        [data-theme="light"] .arg-side-p{color:#7c3aed!important}
        [data-theme="light"] .arg-side-d{color:#db2777!important}
        
        /* Review form in light theme */
        [data-theme="light"] #caseDetailEl textarea,[data-theme="light"] #caseDetailEl input[type="text"],[data-theme="light"] #caseDetailEl input:not([type]){background:#fff!important;color:#111827!important;border-color:rgba(0,0,0,0.15)!important}
        [data-theme="light"] #caseDetailEl textarea::placeholder,[data-theme="light"] #caseDetailEl input::placeholder{color:#9ca3af!important}
        
        /* Disclaimer in light theme */
        [data-theme="light"] .verdict-disclaimer{background:#fef2f2!important;border-left-color:#ef4444!important;color:#7f1d1d!important}
        [data-theme="light"] .verdict-disclaimer strong{color:#991b1b!important}
        
        /* Hero & Landing fixes - AGGRESSIVE */
        [data-theme="light"] .hero-orb{display:none!important}
        [data-theme="light"] .hero::before,[data-theme="light"] .hero::after{display:none!important}
        
        /* Stats - solid colors, no gradients */
        [data-theme="light"] .hero-stat-val{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--violet)!important;color:var(--violet)!important}
        [data-theme="light"] .hero-stat .counter{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--violet)!important;color:var(--violet)!important}
        [data-theme="light"] .hero-stat{background:transparent!important;border:none!important}
        [data-theme="light"] .hero-stat-label{color:#6b7280!important}
        
        /* Buttons - solid, no gradients/glows */
        [data-theme="light"] .btn-main{background:var(--violet)!important;box-shadow:none!important}
        [data-theme="light"] .btn-main:hover{box-shadow:0 4px 12px rgba(139,92,246,0.25)!important}
        [data-theme="light"] .btn-ghost{background:#fff!important;border:2px solid #e5e7eb!important;color:#374151!important;box-shadow:none!important}
        [data-theme="light"] .btn-ghost:hover{border-color:var(--violet)!important;color:var(--violet)!important;background:#faf5ff!important}
        [data-theme="light"] .btn-nav{background:var(--violet)!important;color:white!important;border:none!important}
        [data-theme="light"] .btn-nav-ghost{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important}
        [data-theme="light"] .btn-nav-ghost:hover{border-color:var(--violet)!important}
        [data-theme="light"] .magnetic-btn::after{display:none!important}
        
        /* Gradient text - make solid */
        [data-theme="light"] .gradient-word{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--violet)!important;color:var(--violet)!important}
        
        /* Hide ALL decorative elements */
        [data-theme="light"] .demo-mock{display:none!important}
        [data-theme="light"] .brain-orb{display:none!important}
        [data-theme="light"] .feature-card::before{display:none!important}
        [data-theme="light"] [class*="-glow"]{display:none!important}
        [data-theme="light"] [class*="-orb"]{display:none!important}
        
        /* Demo section */
        [data-theme="light"] .demo-glow{display:none!important}
        [data-theme="light"] .demo-browser{background:#fff!important;border-color:rgba(0,0,0,0.1)!important;box-shadow:0 8px 30px rgba(0,0,0,0.1)!important}
        [data-theme="light"] .demo-bar{background:#f8f9fc!important;border-color:rgba(0,0,0,0.06)!important}
        [data-theme="light"] .demo-url{background:rgba(0,0,0,0.04)!important;color:#6b7280!important}
        [data-theme="light"] .demo-stat-card{background:rgba(139,92,246,0.04)!important;border-color:rgba(139,92,246,0.1)!important}
        [data-theme="light"] .demo-stat-card .dsv{color:#111827!important}
        [data-theme="light"] .demo-stat-card .dsl{color:#6b7280!important}
        [data-theme="light"] .demo-table{background:#fff!important;border-color:rgba(0,0,0,0.08)!important}
        [data-theme="light"] .demo-table-row{border-color:rgba(0,0,0,0.04)!important;color:#374151!important}
        [data-theme="light"] .demo-table-row:first-child{background:rgba(139,92,246,0.04)!important;color:#6b7280!important}
        [data-theme="light"] .demo-table-row:not(:first-child):hover{background:rgba(139,92,246,0.04)!important}
        
        /* Brain section */
        [data-theme="light"] .brain-card{background:#fff!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 2px 8px rgba(0,0,0,0.06)!important}
        [data-theme="light"] .brain-card::before{display:none!important}
        [data-theme="light"] .brain-card-inner{background:#fff!important;border:1px solid rgba(0,0,0,0.08)!important}
        [data-theme="light"] .brain-card-inner::before{display:none!important}
        [data-theme="light"] .brain-num{color:#7c3aed!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#7c3aed!important}
        [data-theme="light"] .brain-num .counter{color:#7c3aed!important;-webkit-text-fill-color:#7c3aed!important}
        [data-theme="light"] .brain-label{color:#374151!important}
        [data-theme="light"] .brain-desc{color:#6b7280!important}
        [data-theme="light"] .brain-section{background:transparent!important}
        [data-theme="light"] .brain-header h2{color:#111827!important}
        [data-theme="light"] .brain-header p{color:#6b7280!important}
        [data-theme="light"] .brain-banner{background:transparent!important}
        [data-theme="light"] .brain-banner::before{display:none!important}
        [data-theme="light"] .brain-banner-inner{background:#fff!important;border:1px solid rgba(0,0,0,0.1)!important;box-shadow:0 4px 12px rgba(0,0,0,0.06)!important}
        [data-theme="light"] .brain-banner-text h3{color:#111827!important}
        [data-theme="light"] .brain-banner-text p{color:#6b7280!important}
        [data-theme="light"] .brain-banner-text strong{color:#111827!important}
        
        /* CTA section */
        [data-theme="light"] .cta-card{background:#fff!important}
        [data-theme="light"] .cta-card::before{display:none!important}
        [data-theme="light"] .cta-inner{background:#fff!important;border:1px solid rgba(0,0,0,0.08)!important;box-shadow:0 4px 20px rgba(0,0,0,0.06)!important}
        [data-theme="light"] .cta-inner h2{color:#111827!important}
        [data-theme="light"] .cta-inner p{color:#6b7280!important}
        
        /* Features section */
        [data-theme="light"] .feat{background:transparent!important}
        [data-theme="light"] .feat-inner{background:#fff!important;border:1px solid rgba(0,0,0,0.1)!important;box-shadow:0 4px 12px rgba(0,0,0,0.06)!important}
        [data-theme="light"] .feat-title{color:#111827!important}
        [data-theme="light"] .feat-text{color:#6b7280!important}
        
        /* Process steps */
        [data-theme="light"] .step-num{background:#fff!important;border:2px solid var(--violet)!important;color:var(--violet)!important;text-shadow:none!important;box-shadow:0 4px 12px rgba(139,92,246,0.15)!important}
        [data-theme="light"] .step-body h3{color:#111827!important}
        [data-theme="light"] .step-body p{color:#6b7280!important}
        [data-theme="light"] .how-timeline::before{background:linear-gradient(90deg,#e5e7eb,var(--violet),#e5e7eb)!important}
        [data-theme="light"] .how-title{color:#111827!important}
        
        /* Pricing */
        [data-theme="light"] .pricing-section > div{background:#fff!important;border-color:rgba(0,0,0,0.08)!important}
        
        /* Trust badges */
        [data-theme="light"] .trust-section{background:transparent!important}
        [data-theme="light"] .trust-badge{background:#fff!important;border-color:rgba(0,0,0,0.08)!important;box-shadow:0 2px 8px rgba(0,0,0,0.04)!important}
        [data-theme="light"] .trust-text strong{color:#111827!important}
        [data-theme="light"] .trust-text span{color:#6b7280!important}
        
        /* FAQ */
        [data-theme="light"] .faq-item{background:#fff!important;border-color:rgba(0,0,0,0.08)!important}
        [data-theme="light"] .faq-q{color:#111827!important}
        [data-theme="light"] .faq-q:hover{color:var(--violet)!important}
        [data-theme="light"] .faq-a{color:#6b7280!important}
        [data-theme="light"] .faq-a-inner{color:#374151!important}
        
        /* All text on landing */
        [data-theme="light"] .section-label{color:var(--violet)!important}
        [data-theme="light"] .section-title{color:#111827!important}
        [data-theme="light"] p{color:#6b7280}
        
        /* Bottom tabs */
        [data-theme="light"] .btm-tabs{background:rgba(255,255,255,0.95)!important;border-color:rgba(0,0,0,0.08)!important}

        *{margin:0;padding:0;box-sizing:border-box}
        ::selection{background:rgba(124,58,237,0.4);color:#fff}
        html{scroll-behavior:smooth;overflow-x:hidden}
        body{font-family:'IBM Plex Sans',sans-serif;background:#050510;color:var(--white);min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.6}

        /* ===== CURSOR GLOW ===== */
        .cursor-glow{display:none}

        /* ===== BACKGROUND ===== */
        #stars{display:none}

        .mesh-gradient{display:none}
        @keyframes meshShift{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(12deg) brightness(1.1)}100%{filter:hue-rotate(-8deg) brightness(1.05)}}

        .noise-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;
            background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            background-repeat:repeat;background-size:128px 128px}

        /* Floating 3D shapes */
        .float-shape{display:none}
        .shape-cube{width:60px;height:60px;transform-style:preserve-3d;animation:cubeRotate 25s linear infinite}
        .shape-cube div{position:absolute;width:60px;height:60px;border:1px solid rgba(124,58,237,0.12);border-radius:4px}
        .shape-cube .f{transform:translateZ(30px)}.shape-cube .b{transform:translateZ(-30px) rotateY(180deg)}
        .shape-cube .l{transform:translateX(-30px) rotateY(-90deg)}.shape-cube .r{transform:translateX(30px) rotateY(90deg)}
        @keyframes cubeRotate{0%{transform:rotateX(0) rotateY(0)}100%{transform:rotateX(360deg) rotateY(360deg)}}

        .shape-sphere{width:80px;height:80px;border-radius:50%;border:1px solid transparent;
            background:radial-gradient(circle at 30% 30%,transparent,transparent 70%);
            box-shadow:inset 0 0 30px transparent}

        .shape-ring{width:100px;height:100px;border-radius:50%;border:1.5px solid rgba(124,58,237,0.1);
            background:transparent;position:relative}
        .shape-ring::after{content:'';position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(99,102,241,0.08)}

        .fs-1{top:12%;left:6%;animation:floatA 30s ease-in-out infinite}
        .fs-2{top:55%;right:4%;animation:floatB 35s ease-in-out infinite}
        .fs-3{top:25%;right:10%;animation:floatC 28s ease-in-out infinite}
        .fs-4{bottom:15%;left:12%;animation:floatD 32s ease-in-out infinite}
        .fs-5{top:40%;left:2%;animation:floatE 38s ease-in-out infinite}
        .fs-6{bottom:25%;right:8%;animation:floatA 26s ease-in-out infinite reverse}
        @keyframes floatA{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-35px) rotate(8deg)}50%{transform:translateY(15px) rotate(-5deg)}75%{transform:translateY(-25px) rotate(4deg)}100%{transform:translateY(0) rotate(0deg)}}
        @keyframes floatB{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(30px) rotate(-8deg)}66%{transform:translateY(-25px) rotate(5deg)}100%{transform:translateY(0) rotate(0deg)}}
        @keyframes floatC{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-20px,25px) rotate(12deg)}100%{transform:translate(0,0) rotate(0deg)}}
        @keyframes floatD{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(25px,-20px) rotate(-8deg)}66%{transform:translate(-15px,15px) rotate(5deg)}100%{transform:translate(0,0) rotate(0deg)}}
        @keyframes floatE{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(30px) rotate(10deg)}100%{transform:translateX(0) rotate(0deg)}}

        /* ===== GLOBAL CLASSES ===== */
        .glow-text{background:linear-gradient(135deg,var(--violet),var(--indigo),var(--cyan),var(--violet));
            background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
            animation:glowTextShift 6s ease infinite;text-shadow:none;filter:drop-shadow(0 0 20px rgba(124,58,237,0.15))}
        @keyframes glowTextShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

        .glass{background:var(--glass);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glass-border);border-radius:20px}

        .shimmer{background:linear-gradient(90deg,rgba(12,12,28,0.7) 25%,rgba(30,30,60,0.7) 50%,rgba(12,12,28,0.7) 75%);
            background-size:200% 100%;animation:shimmerAnim 1.5s ease-in-out infinite;border-radius:8px}
        @keyframes shimmerAnim{0%{background-position:200% 0}100%{background-position:-200% 0}}

        /* ===== LAYOUT ===== */
        .wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}

        /* ===== NAV ===== */
        .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;
            border-bottom:1px solid rgba(139,92,246,0.06);backdrop-filter:blur(30px) saturate(1.4);
            position:sticky;top:0;z-index:100;background:rgba(5,5,16,0.75);transition:all .4s}
        .nav-left{display:flex;align-items:center;gap:14px}
        .nav-logo-img{width:28px;height:28px;border-radius:6px}
        .nav-brand{font-size:18px;font-weight:800;letter-spacing:1px;color:var(--white);text-transform:uppercase;white-space:nowrap}
        .nav-links{display:flex;align-items:center;gap:6px}
        .nav-link{padding:10px 20px;border-radius:24px;font-size:14px;font-weight:500;color:var(--dim);
            cursor:pointer;transition:all .3s;border:none;background:none;font-family:inherit;text-decoration:none}
        .nav-link:hover{color:var(--white)}
        .nav-link.active{color:var(--white);background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.15)}
        .nav-right{display:flex;align-items:center;gap:10px}
        .theme-toggle{width:56px;height:28px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:rgba(30,30,50,0.8);cursor:pointer;transition:all .3s;position:relative;margin-right:10px;padding:0;display:flex;align-items:center;justify-content:space-between}
        .theme-toggle::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#8b5cf6;top:2px;left:2px;transition:all .3s;box-shadow:0 0 8px rgba(139,92,246,0.5);z-index:1}
        .theme-toggle:hover{border-color:rgba(139,92,246,0.4)}
        .theme-toggle .theme-icon{width:16px;height:16px;z-index:0;transition:all .3s;flex-shrink:0;display:block}
        .theme-toggle .moon{fill:rgba(255,255,255,0.7);margin-left:4px}
        .theme-toggle .sun{stroke:rgba(255,255,255,0.7);margin-right:4px}
        [data-theme="light"] .theme-toggle{background:rgba(240,240,245,0.95);border-color:rgba(0,0,0,0.08)}
        [data-theme="light"] .theme-toggle::after{left:30px;background:#6366f1;box-shadow:0 0 8px rgba(99,102,241,0.3)}
        [data-theme="light"] .theme-toggle .moon{fill:rgba(0,0,0,0.6)}
        [data-theme="light"] .theme-toggle .sun{stroke:rgba(0,0,0,0.5)}
        .theme-icon{font-size:18px}
        .nav-balance{display:flex;align-items:center;padding:8px 14px;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);margin-right:12px;position:relative;overflow:hidden}
        .nav-balance::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.3),transparent)}
        .nav-balance:hover{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.2);box-shadow:0 4px 16px rgba(139,92,246,0.15)}
        .nav-bal-content{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
        .nav-bal-label{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:0.5px}
        .nav-bal-val{font-size:14px;font-weight:600;color:var(--white)}
        .nav-bal-icon{font-size:14px}
        .nav-bal-val{font-size:14px;font-weight:600;color:var(--white)}
        @media(max-width:600px){.nav-balance{padding:6px 10px}.nav-bal-label{display:none}.nav-bal-val{font-size:13px}}
        .nav-user{position:relative}
        .nav-av{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:2px solid transparent;user-select:none;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#8b5cf6,#6366f1) border-box;box-shadow:0 0 0 2px rgba(139,92,246,0.1),0 2px 12px rgba(139,92,246,0.2)}
        .nav-av:hover{box-shadow:0 0 0 3px rgba(139,92,246,0.2),0 4px 20px rgba(139,92,246,0.35);transform:scale(1.05)}
        .nav-av.av-open{box-shadow:0 0 0 3px rgba(139,92,246,0.3),0 4px 24px rgba(139,92,246,0.4)}
        .nav-dropdown{position:fixed;top:auto;right:16px;min-width:220px;
            background:linear-gradient(180deg,rgba(15,15,25,0.97) 0%,rgba(10,10,20,0.99) 100%);
            border:1.5px solid rgba(255,255,255,0.08);padding:8px;
            box-shadow:0 25px 80px rgba(0,0,0,0.6),
                        0 0 0 1px rgba(255,255,255,0.03) inset,
                        0 1px 0 rgba(255,255,255,0.06) inset;
            opacity:0;pointer-events:none;transform:scaleY(0);transform-origin:top center;
            border-radius:20px;
            transition:transform .6s cubic-bezier(.25,.1,.25,1),opacity .4s ease-out,border-radius .8s ease-out;z-index:9999}
        .nav-dropdown.dd-open{opacity:1;pointer-events:auto;transform:scaleY(1);animation:liquidAppear 1.2s ease-out forwards}
        .nav-dropdown.dd-closing{animation:liquidDisappear .5s ease-in-out forwards}
        .nav-dropdown *{transition:opacity .3s}
        .nav-dropdown:not(.dd-open) *{opacity:0}
        @keyframes liquidAppear{
            0%{transform:scaleY(1);border-radius:30px 25px 35px 20px / 25px 30px 20px 35px}
            25%{transform:scaleY(1.02) scaleX(1.01);border-radius:25px 30px 22px 28px / 28px 22px 30px 24px}
            50%{transform:scaleY(0.99) scaleX(0.995);border-radius:22px 24px 26px 23px / 24px 26px 22px 25px}
            75%{transform:scaleY(1.005) scaleX(1.002);border-radius:21px 21px 21px 21px / 21px 21px 21px 21px}
            100%{transform:scaleY(1) scaleX(1);border-radius:20px}
        }
        @keyframes liquidDisappear{
            0%{transform:scaleY(1) scaleX(1);border-radius:20px;opacity:1}
            20%{transform:scaleY(0.95) scaleX(1.02);border-radius:22px 18px 24px 20px / 20px 24px 18px 22px;opacity:0.9}
            40%{transform:scaleY(0.7) scaleX(1.01);border-radius:26px 22px 30px 24px / 24px 28px 22px 26px;opacity:0.7}
            60%{transform:scaleY(0.4) scaleX(0.98);border-radius:32px 26px 36px 28px / 28px 34px 26px 30px;opacity:0.5}
            80%{transform:scaleY(0.15) scaleX(0.95);border-radius:40px 32px 44px 34px / 34px 42px 32px 38px;opacity:0.2}
            100%{transform:scaleY(0) scaleX(0.9);border-radius:50px 40px 55px 42px / 42px 52px 40px 48px;opacity:0}
        }
        .nav-dropdown::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;
            background:linear-gradient(180deg,rgba(255,255,255,0.08) 0%,transparent 100%);
            border-radius:20px 20px 0 0;pointer-events:none}
        .nav-dropdown::after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;
            border:1px solid rgba(255,255,255,0.04);border-radius:19px;pointer-events:none}
        .nav-dd-header{padding:12px 14px;border-bottom:1px solid rgba(139,92,246,0.08);margin-bottom:4px}
        .nav-dd-name{font-size:14px;font-weight:600;color:var(--white)}
        .nav-dd-email{font-size:12px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .nav-dd-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;
            cursor:pointer;color:var(--mid);font-size:13px;font-weight:500;transition:all .2s;border:none;background:none;width:100%;font-family:inherit;text-align:left}
        .nav-dd-item:hover{background:rgba(139,92,246,0.1);color:var(--white)}
        .nav-dd-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}
        .nav-dd-divider{height:1px;background:rgba(139,92,246,0.08);margin:4px 0}
        .nav-dd-item.dd-danger{color:#f87171}
        .nav-dd-item.dd-danger:hover{background:rgba(248,113,113,0.1)}
        .nav-name{font-size:14px;font-weight:500}
        .btn-nav{padding:10px 22px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;
            border:1px solid rgba(139,92,246,0.2);background:linear-gradient(135deg,rgba(139,92,246,0.2),transparent);
            color:white;font-family:inherit;transition:all .4s}
        .btn-nav:hover{background:linear-gradient(135deg,rgba(139,92,246,0.35),transparent);
            box-shadow:0 0 30px rgba(139,92,246,0.25);transform:translateY(-1px)}
        .btn-nav-ghost{background:none;border:1px solid rgba(255,255,255,0.08);color:var(--mid)}
        .btn-nav-ghost:hover{color:white;border-color:rgba(255,255,255,0.2);box-shadow:0 0 16px rgba(255,255,255,0.05)}

        /* ===== LANDING ===== */
        .landing{flex:1}

        /* HERO ORB */
        .hero-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:500px;height:500px;
            border-radius:50%;pointer-events:none;z-index:0;
            background:radial-gradient(circle,rgba(124,58,237,0.15) 0%,rgba(99,102,241,0.08) 30%,transparent 50%,transparent 70%);
            animation:orbPulse 6s ease-in-out infinite;filter:blur(40px)}
        @keyframes orbPulse{0%{transform:translate(-50%,-55%) scale(1);opacity:.7}50%{transform:translate(-50%,-55%) scale(1.15);opacity:1}100%{transform:translate(-50%,-55%) scale(1);opacity:.7}}

        /* HERO */
        .hero{text-align:center;padding:100px 32px 60px;max-width:960px;margin:0 auto;position:relative}
        .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;border-radius:24px;
            background:rgba(139,92,246,0.06);border:1px solid rgba(139,92,246,0.12);font-size:13px;font-weight:500;
            color:var(--mid);margin-bottom:40px;backdrop-filter:blur(12px);position:relative;z-index:1}
        .hero-dot{width:8px;height:8px;border-radius:50%;background:var(--green);
            box-shadow:0 0 12px var(--green),0 0 24px rgba(34,197,94,0.3);animation:dotP 2.5s ease infinite}
        @keyframes dotP{0%,100%{opacity:1}50%{opacity:.3}}

        .hero h1{font-size:68px;font-weight:800;letter-spacing:-3px;line-height:1.05;margin-bottom:32px;position:relative;z-index:1}
        .hero h1 .gradient-word{background:linear-gradient(135deg,var(--violet),var(--indigo),var(--cyan),var(--violet));
            background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
            animation:heroGrad 5s ease infinite}
        @keyframes heroGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

        .hero-sub{font-size:21px;color:var(--mid);max-width:640px;margin:0 auto 20px;line-height:1.65;font-weight:300;position:relative;z-index:1}
        .hero-carousel{height:32px;overflow:hidden;margin:0 auto 48px;position:relative;z-index:1}
        .hero-carousel-inner{display:flex;flex-direction:column;animation:carouselSlide 9s ease-in-out infinite}
        .hero-carousel-item{height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;letter-spacing:2px}
        .hero-carousel-item span{background:linear-gradient(90deg,var(--violet),var(--cyan));
            -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        @keyframes carouselSlide{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-32px)}66%,94%{transform:translateY(-64px)}100%{transform:translateY(0)}}

        .hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:64px;position:relative;z-index:2}

        .hero-stats{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;position:relative;z-index:1}
        .hero-stat{text-align:center}
        .hero-stat-val{font-size:52px;font-weight:800;line-height:1.2;
            background:linear-gradient(135deg,#fff 40%,var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .hero-stat-label{font-size:14px;color:var(--dim);margin-top:6px;letter-spacing:.5px}

        /* DEMO PREVIEW */
        .demo-section{max-width:1060px;margin:0 auto;padding:40px 32px 120px;position:relative}
        .demo-glow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:80%;height:120px;
            background:radial-gradient(ellipse,rgba(124,58,237,0.15),transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}
        .demo-browser{position:relative;z-index:1;border-radius:20px;overflow:hidden;border:1px solid rgba(139,92,246,0.1);
            background:rgba(8,8,20,0.95);box-shadow:0 20px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(139,92,246,0.05);
            transform:perspective(2000px) rotateX(3deg) rotateY(-1deg);transition:transform .6s ease}
        .demo-browser:hover{transform:perspective(2000px) rotateX(1deg) rotateY(0deg) translateY(-4px)}
        .demo-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;
            background:rgba(2,2,8,0.95);border-bottom:1px solid rgba(139,92,246,0.06)}
        .demo-dots{display:flex;gap:7px}
        .demo-dots span{width:11px;height:11px;border-radius:50%}
        .demo-dots span:nth-child(1){background:#ef4444}
        .demo-dots span:nth-child(2){background:#f59e0b}
        .demo-dots span:nth-child(3){background:#22c55e}
        .demo-url{flex:1;text-align:center;font-size:12px;color:var(--dim);background:rgba(255,255,255,0.03);border-radius:8px;padding:6px 16px;margin:0 40px}
        .demo-content{padding:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
        .demo-stat-card{background:rgba(139,92,246,0.04);border:1px solid rgba(139,92,246,0.06);border-radius:14px;padding:20px;text-align:center;transition:all .3s}
        .demo-stat-card:hover{border-color:rgba(139,92,246,0.15);background:rgba(139,92,246,0.06)}
        .demo-stat-card .dsv{font-size:28px;font-weight:700;color:var(--white);margin-bottom:4px}
        .demo-stat-card .dsl{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}
        .demo-table{grid-column:1/-1;background:rgba(2,2,8,0.5);border-radius:14px;border:1px solid rgba(139,92,246,0.06);overflow:hidden}
        .demo-table-row{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(139,92,246,0.04);font-size:13px;color:var(--mid);gap:16px;transition:all .3s}
        .demo-table-row:not(:first-child):hover{background:rgba(139,92,246,0.03)}
        .demo-table-row:first-child{background:rgba(139,92,246,0.03);font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-weight:600}
        .demo-table-row:last-child{border-bottom:none}
        .demo-table-row span:first-child{flex:2}
        .demo-table-row span:nth-child(2){flex:1.5}
        .demo-table-row span:nth-child(3){flex:1}
        .demo-table-row span:last-child{flex:1}
        .demo-badge{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}
        .db-g{background:rgba(34,197,94,0.1);color:var(--green)}
        .db-y{background:rgba(245,158,11,0.1);color:#f59e0b}
        .db-p{background:rgba(139,92,246,0.1);color:#8b5cf6}

        /* BRAIN STATS */
        .brain-section{max-width:1000px;margin:0 auto;padding:40px 32px 80px}
        .brain-header{text-align:center;margin-bottom:64px}
        .brain-header h2{font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:16px}
        .brain-header p{font-size:18px;color:var(--mid);max-width:620px;margin:0 auto;line-height:1.7}
        .brain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
        @media(max-width:900px){.brain-grid{grid-template-columns:repeat(2,1fr)}}
        @media(max-width:500px){.brain-grid{grid-template-columns:1fr}}

        .brain-card{position:relative;border-radius:20px;padding:1px;transition:all .5s;cursor:default}
        .brain-card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;
            background:linear-gradient(135deg,rgba(139,92,246,0.2),transparent,rgba(139,92,246,0.05));
            background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude;transition:all .5s}
        .brain-card:hover::before{background-size:100% 100%;
            background:linear-gradient(135deg,rgba(139,92,246,0.4),transparent,rgba(139,92,246,0.15));animation:gradBorder 2s ease infinite}
        .brain-card:hover{transform:translateY(-6px);box-shadow:0 12px 50px rgba(139,92,246,0.15)}
        .brain-card-inner{background:rgba(20,20,42,0.85);backdrop-filter:blur(24px) saturate(1.3);
            border-radius:20px;padding:36px 24px;text-align:center;position:relative;overflow:hidden}
        .brain-card-inner::before{content:'';position:absolute;inset:0;
            background:radial-gradient(circle at 50% 0%,rgba(139,92,246,0.08),transparent 70%);pointer-events:none;
            transition:opacity .4s;opacity:.5}
        .brain-card:hover .brain-card-inner::before{opacity:1}
        .brain-num{font-size:52px;font-weight:800;margin-bottom:6px;
            background:linear-gradient(135deg,#fff 30%,var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .brain-label{font-size:15px;color:var(--mid);font-weight:500}
        .brain-desc{font-size:12px;color:var(--dim);margin-top:10px;line-height:1.6}

        .brain-banner{position:relative;border-radius:20px;overflow:hidden}
        .brain-banner::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;
            background:linear-gradient(135deg,rgba(139,92,246,0.25),transparent);
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude}
        .brain-banner-inner{background:rgba(12,12,28,0.85);backdrop-filter:blur(24px);
            border-radius:20px;padding:44px;display:flex;align-items:center;gap:36px}
        @media(max-width:768px){.brain-banner-inner{flex-direction:column;text-align:center}}
        .brain-banner-icon{font-size:60px;flex-shrink:0}
        .brain-banner-text h3{font-size:22px;font-weight:700;margin-bottom:10px}
        .brain-banner-text p{font-size:15px;color:var(--mid);line-height:1.7}
        .brain-banner-text strong{color:var(--white)}
        .brain-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);
            box-shadow:0 0 14px var(--green);margin-right:8px;animation:bPulse 2s ease infinite}
        @keyframes bPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}

        /* FEATURES BENTO */
        .features{max-width:1000px;margin:0 auto;padding:0 32px 80px}
        .section-label{text-align:center;font-size:13px;color:var(--violet);text-transform:uppercase;letter-spacing:5px;margin-bottom:16px;font-weight:600}
        .section-title{text-align:center;font-size:42px;font-weight:700;margin-bottom:64px;letter-spacing:-1px}

        .bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:20px}
        .bento-grid .feat:nth-child(1){grid-column:span 2}
        .bento-grid .feat:nth-child(4){grid-row:span 2}
        @media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .feat:nth-child(1){grid-column:span 2}.bento-grid .feat:nth-child(4){grid-row:span 1}}
        @media(max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-grid .feat:nth-child(1),.bento-grid .feat:nth-child(4){grid-column:span 1;grid-row:span 1}}

        .feat{border-radius:20px;position:relative;cursor:default;overflow:hidden;transition:all .5s}
        .feat::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;
            background:linear-gradient(135deg,rgba(139,92,246,0.15),transparent,rgba(139,92,246,0.05));
            background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude;transition:all .5s;z-index:1}
        .feat:hover::before{background:linear-gradient(135deg,rgba(139,92,246,0.35),transparent,rgba(139,92,246,0.1));
            background-size:200% 200%;animation:gradBorder 2.5s ease infinite}
        @keyframes gradBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
        .feat:hover{transform:translateY(-6px);box-shadow:0 12px 50px rgba(139,92,246,0.12)}
        .feat-inner{background:rgba(20,20,42,0.85);backdrop-filter:blur(24px) saturate(1.3);
            border-radius:20px;padding:44px 36px;height:100%;transition:all .4s;position:relative;overflow:hidden}
        .feat:hover .feat-inner{background:rgba(14,14,32,0.9)}
        .feat-inner::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;
            background:radial-gradient(circle,rgba(124,58,237,0.04),transparent 40%);pointer-events:none;
            opacity:0;transition:opacity .5s}
        .feat:hover .feat-inner::after{opacity:1}
        .feat-icon{font-size:48px;margin-bottom:20px;display:inline-block;filter:drop-shadow(0 0 12px rgba(139,92,246,0.2))}
        .feat-title{font-size:20px;font-weight:700;margin-bottom:12px}
        .feat-text{font-size:15px;color:var(--mid);line-height:1.75}

        /* HOW IT WORKS */
        .how{max-width:1100px;margin:0 auto;padding:0 32px 120px}
        .how-title{text-align:center;font-size:42px;font-weight:700;margin-bottom:64px;letter-spacing:-1px}

        .how-timeline{display:flex;gap:0;position:relative;justify-content:center}
        .how-timeline::before{content:'';position:absolute;top:40px;left:60px;right:60px;height:2px;
            background:rgba(139,92,246,0.1);z-index:0}
        .how-timeline-fill{position:absolute;top:40px;left:60px;height:2px;width:0;
            background:linear-gradient(90deg,var(--violet),var(--indigo),var(--cyan));z-index:1;transition:width 1s ease;border-radius:2px}
        .how-timeline.active .how-timeline-fill{width:calc(100% - 120px)}

        .step{flex:1;text-align:center;position:relative;z-index:2;padding:0 16px}
        .step-num{width:80px;height:80px;border-radius:50%;margin:0 auto 24px;
            background:rgba(12,12,28,0.9);border:2px solid rgba(139,92,246,0.15);
            display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;
            color:var(--white);text-shadow:0 0 16px rgba(139,92,246,0.5);position:relative;
            box-shadow:0 0 30px rgba(139,92,246,0.1);transition:all .5s}
        .step:hover .step-num{border-color:rgba(139,92,246,0.4);box-shadow:0 0 40px rgba(139,92,246,0.2);transform:scale(1.08)}
        .step-body h3{font-size:20px;font-weight:700;margin-bottom:10px}
        .step-body p{font-size:15px;color:var(--mid);line-height:1.7}

        @media(max-width:768px){.how-timeline{flex-direction:column;gap:24px;align-items:center}
            .how-timeline::before,.how-timeline-fill{display:none}
            .step{max-width:400px}}

        /* TRUST */
        .trust-section{max-width:1000px;margin:0 auto;padding:0 32px 100px;text-align:center}
        .trust-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:48px}
        .trust-badge{display:flex;align-items:center;gap:14px;padding:22px 32px;border-radius:16px;
            background:rgba(12,12,28,0.6);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,0.08);transition:all .4s}
        .trust-badge:hover{border-color:rgba(139,92,246,0.2);transform:translateY(-3px);box-shadow:0 8px 30px rgba(139,92,246,0.08)}
        .trust-icon{font-size:28px;flex-shrink:0}
        .trust-text{text-align:left}
        .trust-text strong{display:block;font-size:15px;font-weight:600;margin-bottom:2px}
        .trust-text span{font-size:13px;color:var(--dim)}

        /* FAQ */
        .faq-section{max-width:740px;margin:0 auto;padding:0 32px 100px}
        .faq-item{border:1px solid rgba(139,92,246,0.08);border-radius:16px;margin-bottom:12px;overflow:hidden;
            background:rgba(12,12,28,0.5);backdrop-filter:blur(20px);transition:all .4s}
        .faq-item:hover{border-color:rgba(139,92,246,0.15)}
        .faq-q{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;cursor:pointer;
            font-size:16px;font-weight:600;user-select:none;transition:all .3s}
        .faq-q:hover{color:var(--white)}
        .faq-arrow{font-size:18px;color:var(--dim);transition:transform .3s;flex-shrink:0;margin-left:16px}
        .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
        .faq-a-inner{padding:0 28px 22px;font-size:15px;color:var(--mid);line-height:1.75}
        .faq-item.faq-open .faq-arrow{transform:rotate(180deg);color:var(--violet)}
        .faq-item.faq-open .faq-a{max-height:300px}
        .faq-item.faq-open{border-color:rgba(139,92,246,0.2);background:rgba(16,16,36,0.7)}

        /* CTA */
        .cta-section{max-width:800px;margin:0 auto;padding:0 32px 120px}
        .cta-card{position:relative;border-radius:24px;overflow:hidden}
        .cta-card::before{content:'';position:absolute;inset:0;border-radius:24px;padding:2px;
            background:linear-gradient(135deg,rgba(139,92,246,0.35),transparent,rgba(139,92,246,0.25));
            background-size:300% 300%;animation:ctaGrad 4s ease infinite;
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude}
        @keyframes ctaGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
        .cta-inner{background:rgba(8,8,20,0.95);backdrop-filter:blur(24px);border-radius:24px;padding:72px 48px;text-align:center}
        .cta-inner h2{font-size:38px;font-weight:700;margin-bottom:16px;letter-spacing:-0.5px}
        .cta-inner p{color:var(--mid);font-size:17px;margin-bottom:40px;line-height:1.6}

        /* REVIEWS */
        .reviews-section{max-width:1100px;margin:0 auto;padding:80px 32px 100px}
        .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
        .review-card{background:rgba(15,15,30,0.6);border:1px solid var(--border);border-radius:20px;padding:28px;position:relative;transition:all .3s ease}
        .review-card:hover{border-color:rgba(139,92,246,0.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(139,92,246,0.1)}
        .review-del-btn{position:absolute;bottom:12px;right:12px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);color:#ef4444;font-size:11px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s}
        .review-del-btn:hover{background:rgba(239,68,68,0.2);border-color:rgba(239,68,68,0.4)}
        .review-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}
        .review-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:white;flex-shrink:0}
        .review-info{flex:1}
        .review-name{font-weight:600;font-size:15px;margin-bottom:2px}
        .review-meta{font-size:12px;color:var(--dim)}
        .review-stars{color:#fbbf24;font-size:14px;letter-spacing:2px;margin-bottom:12px}
        .review-text{font-size:14px;line-height:1.7;color:var(--mid)}
        .review-badge{position:absolute;top:16px;right:16px;background:rgba(139,92,246,0.15);color:var(--violet);font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600}
        @media(max-width:600px){.reviews-grid{grid-template-columns:1fr}.review-card{padding:24px}}

        /* FOOTER */
        .footer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.2),transparent,rgba(139,92,246,0.2),transparent);
            animation:footerLineShift 6s ease infinite;background-size:200% 100%}
        @keyframes footerLineShift{0%{background-position:0% 0}50%{background-position:100% 0}100%{background-position:0% 0}}
        .footer-main{margin-top:auto;background:rgba(2,2,8,0.7);backdrop-filter:blur(20px)}
        .footer-grid{max-width:1100px;margin:0 auto;padding:60px 32px 44px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}
        @media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
        @media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
        .footer-brand{font-size:20px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:10px}
        .footer-desc{font-size:14px;color:var(--dim);line-height:1.7;max-width:300px}
        .footer-col h4{font-size:12px;font-weight:700;color:var(--mid);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}
        .footer-col a{display:block;font-size:14px;color:var(--dim);text-decoration:none;padding:5px 0;transition:all .2s}
        .footer-col a:hover{color:var(--white);transform:translateX(4px)}
        .footer-bottom{max-width:1100px;margin:0 auto;padding:20px 32px;border-top:1px solid rgba(139,92,246,0.04);
            display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dim);flex-wrap:wrap;gap:12px}
        .footer-socials{display:flex;gap:16px}
        .footer-socials a{color:var(--dim);text-decoration:none;font-size:18px;transition:all .3s}
        .footer-socials a:hover{color:var(--white);transform:translateY(-2px)}

        /* ===== AUTH MODAL ===== */
        .modal-bg{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(16px);z-index:200;
            display:flex;align-items:center;justify-content:center;padding:24px;animation:modalIn .3s ease}
        @keyframes modalIn{from{opacity:0}to{opacity:1}}
        .modal{width:100%;max-width:440px;border-radius:24px;background:rgba(10,10,24,0.97);
            border:1px solid rgba(139,92,246,0.12);padding:48px;
            box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 100px rgba(124,58,237,0.08);
            animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}
        @keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
        .modal-close{float:right;background:none;border:none;color:var(--dim);font-size:24px;cursor:pointer;padding:4px;transition:all .3s}
        .modal-close:hover{color:var(--white);transform:rotate(90deg)}
        .modal h2{font-size:24px;font-weight:700;margin-bottom:28px;text-align:center}
        .modal-tabs{display:flex;border-radius:14px;padding:3px;margin-bottom:28px;background:rgba(12,12,30,0.95);border:1px solid var(--border)}
        .modal-tab{flex:1;padding:12px;text-align:center;border-radius:11px;cursor:pointer;font-size:14px;font-weight:500;color:var(--dim);transition:all .3s}
        .modal-tab.active{color:white;background:linear-gradient(135deg,rgba(139,92,246,0.2),transparent);border:1px solid rgba(139,92,246,0.18)}

        /* ===== APP PAGES ===== */
        .app-main{flex:1;width:100%;padding:0}
        .app-inner{max-width:1100px;margin:0 auto;padding:32px 40px}

        /* ===== CLEAN DASHBOARD ===== */
        .dash-clean{max-width:800px;margin:0 auto;padding:40px 24px 100px}
        .dash-greeting{margin-bottom:32px}
        .dash-greeting h1{font-size:28px;font-weight:700;margin-bottom:4px}
        .dash-greeting-sub{color:var(--dim);font-size:14px}
        
        /* Quick Stats */
        .dash-quick-stats{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
        .dash-qs-card{flex:1;min-width:140px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(139,92,246,0.04);border:1px solid var(--border);border-radius:14px;transition:all .2s}
        .dash-qs-card:hover{border-color:rgba(139,92,246,0.2);background:rgba(139,92,246,0.06)}
        .dash-qs-icon{font-size:28px}
        .dash-qs-val{font-size:24px;font-weight:700;color:var(--white)}
        .dash-qs-lbl{font-size:12px;color:var(--dim);margin-top:2px}
        
        /* Compact Stats (for returning users) */
        .dash-quick-stats-compact{display:flex;gap:20px;margin-bottom:20px;padding:12px 16px;background:rgba(139,92,246,0.05);border-radius:12px;font-size:14px;color:var(--mid);flex-wrap:wrap}
        .dash-quick-stats-compact span{display:flex;align-items:center;gap:6px}
        .dash-quick-stats-compact b{color:var(--white);font-weight:600}
        
        /* Onboarding Block (for new users) */
        .dash-onboarding{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(6,182,212,0.05));border:1px solid rgba(139,92,246,0.15);border-radius:16px}
        .dash-onboard-text h3{margin:0 0 8px;font-size:18px;color:var(--white)}
        .dash-onboard-text p{margin:0 0 16px;color:var(--mid);font-size:14px;line-height:1.6}
        .dash-examples{display:flex;flex-direction:column;gap:8px}
        .dash-example-item{padding:10px 14px;background:rgba(255,255,255,0.03);border-radius:10px;font-size:13px;color:var(--mid)}
        .dash-example-item b{color:var(--white)}
        [data-theme="light"] .dash-onboarding{background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(6,182,212,0.03));border-color:rgba(139,92,246,0.12)}
        [data-theme="light"] .dash-example-item{background:rgba(0,0,0,0.02)}
        [data-theme="light"] .dash-quick-stats-compact{background:rgba(139,92,246,0.04)}
        [data-theme="light"] .dash-quick-stats-compact b{color:#1f2937}
        
        /* Action Button Descriptions */
        .dash-ma-desc{display:block;font-size:11px;font-weight:400;opacity:0.8;margin-top:4px}
        
        /* ===== DASHBOARD V3 — PREMIUM ===== */
        .dash-v3{max-width:860px;margin:0 auto;padding:24px 20px 60px;position:relative}
        .dash-v3::before{content:'';position:fixed;top:-30%;left:50%;transform:translateX(-50%);width:100%;max-width:700px;height:700px;background:radial-gradient(ellipse,rgba(139,92,246,0.06) 0%,transparent 70%);pointer-events:none;z-index:-1}
        @media(min-width:768px){.dash-v3{padding:32px 32px 80px}}

        /* Hero Balance Card */
        .dv3-hero{position:relative;margin-bottom:24px;padding:32px 28px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(139,92,246,0.12) 0%,rgba(99,102,241,0.06) 50%,rgba(20,20,40,0.4) 100%);border:1px solid rgba(139,92,246,0.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05)}
        .dv3-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,0.2),transparent 70%);pointer-events:none}
        .dv3-hero-top{position:relative;z-index:1}
        .dv3-hero-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:8px}
        .dv3-hero-balance{font-size:48px;font-weight:800;color:var(--white);letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,#c4b5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        @media(max-width:600px){.dv3-hero-balance{font-size:40px}}
        .dv3-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(139,92,246,0.3)}
        .dv3-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(139,92,246,0.5)}
        .dv3-hero-cta svg{width:16px;height:16px}

        /* Stats Bar */
        .dv3-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
        @media(max-width:600px){.dv3-stats-bar{gap:8px}}
        .dv3-stat-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:16px;transition:all .3s}
        .dv3-stat-pill:hover{background:rgba(139,92,246,0.06);border-color:rgba(139,92,246,0.15);transform:translateY(-2px)}
        .dv3-stat-num{font-size:24px;font-weight:700;color:var(--white);line-height:1}
        .dv3-stat-label{font-size:12px;color:var(--dim);font-weight:500}
        @media(max-width:600px){.dv3-stat-num{font-size:20px}.dv3-stat-label{font-size:11px}}

        /* Tip Chip */
        .dv3-tip-chip{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:24px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;transition:all .3s}
        .dv3-tip-chip:hover{border-color:rgba(139,92,246,0.15);background:rgba(139,92,246,0.03)}
        .dv3-tip-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,0.1);border-radius:10px}
        .dv3-tip-icon svg{width:16px;height:16px;color:#a78bfa}
        .dv3-tip-text{font-size:14px;color:var(--mid);line-height:1.5;transition:opacity .3s}
        .dv3-tip-text.fade{opacity:0}

        /* Bento Grid */
        .dv3-bento{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(3,auto);gap:14px;margin-bottom:32px}
        @media(max-width:900px){.dv3-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dv3-bento-featured{grid-column:1/-1!important;grid-row:auto!important}}
        @media(max-width:600px){.dv3-bento{grid-template-columns:1fr;gap:10px}}
        .dv3-bento-card{position:relative;padding:24px;border-radius:20px;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;gap:12px}
        .dv3-bento-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,0.3),transparent);opacity:0;transition:opacity .3s}
        .dv3-bento-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(139,92,246,0.08),transparent 60%);opacity:0;transition:opacity .3s}
        .dv3-bento-card:hover{border-color:rgba(139,92,246,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.35),0 0 0 1px rgba(139,92,246,0.08);transform:translateY(-3px)}
        .dv3-bento-card:hover::before,.dv3-bento-card:hover::after{opacity:1}
        .dv3-bento-card:active{transform:scale(0.98)}
        .dv3-bento-featured{grid-row:1/4;justify-content:center;gap:16px}
        .dv3-bento-featured .dv3-bento-icon{width:64px;height:64px;min-width:64px;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(99,102,241,0.15));border-radius:18px}
        .dv3-bento-featured .dv3-bento-icon svg{width:32px;height:32px;color:#c4b5fd;filter:drop-shadow(0 0 10px rgba(139,92,246,0.5))}
        .dv3-bento-featured .dv3-bento-title{font-size:18px}
        .dv3-bento-featured .dv3-bento-desc{font-size:13px}
        @media(max-width:900px){.dv3-bento-featured{flex-direction:row;align-items:center;text-align:left}}
        @media(max-width:600px){.dv3-bento-featured{flex-direction:row;align-items:center;text-align:left;padding:20px}}
        .dv3-bento-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,0.08);border-radius:14px;position:relative;z-index:1;transition:all .3s}
        .dv3-bento-icon svg{width:24px;height:24px;color:#a78bfa;transition:all .3s}
        .dv3-bento-card:hover .dv3-bento-icon{background:rgba(139,92,246,0.15);box-shadow:0 0 20px rgba(139,92,246,0.2)}
        .dv3-bento-card:hover .dv3-bento-icon svg{color:#c4b5fd;filter:drop-shadow(0 0 8px rgba(139,92,246,0.5))}
        .dv3-bento-content{flex:1;position:relative;z-index:1}
        .dv3-bento-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:4px;letter-spacing:-0.3px}
        .dv3-bento-desc{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.4}
        .dv3-bento-arrow{align-self:flex-end;color:rgba(255,255,255,0.2);transition:all .3s;position:relative;z-index:1}
        .dv3-bento-card:hover .dv3-bento-arrow{color:var(--violet);transform:translateX(4px)}
        @media(max-width:900px){.dv3-bento-arrow{display:none}}
        @media(max-width:600px){.dv3-bento-card{padding:18px 20px;flex-direction:row;align-items:center;text-align:left;gap:14px}.dv3-bento-icon{width:44px;height:44px;min-width:44px;border-radius:12px}.dv3-bento-icon svg{width:22px;height:22px}.dv3-bento-arrow{display:flex;width:28px;height:28px;align-items:center;justify-content:center;color:rgba(255,255,255,0.2)}}

        /* Analytics inside bento */
        .dv3-bento-analytics{cursor:default}
        .dv3-bento-analytics:hover{transform:none;border-color:rgba(255,255,255,0.06);box-shadow:none}
        .dv3-bento-analytics::before,.dv3-bento-analytics::after{display:none}
        .dv3-analytics-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}
        .dv3-analytics-item{display:flex;justify-content:space-between;align-items:center}
        .dv3-a-label{font-size:13px;color:var(--dim)}
        .dv3-a-value{font-size:13px;font-weight:600;color:var(--white)}
        .dv3-bento-btn{width:100%;margin-top:8px;padding:10px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);border-radius:10px;color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}
        .dv3-bento-btn:hover{background:rgba(139,92,246,0.2);color:#c4b5fd}

        /* Section */
        .dv3-section{margin-top:32px}
        .dv3-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06)}
        .dv3-section-head span{font-size:14px;font-weight:600;color:var(--white)}
        .dv3-section-head button{background:none;border:none;color:var(--violet);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}
        .dv3-section-head button:hover{color:#c4b5fd}

        /* Empty state */
        .dv3-empty{padding:48px 24px;text-align:center;background:rgba(255,255,255,0.02);border:1px dashed rgba(255,255,255,0.08);border-radius:20px}
        .dv3-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(139,92,246,0.08);border-radius:20px;display:flex;align-items:center;justify-content:center}
        .dv3-empty-icon svg{width:32px;height:32px;color:#6b7280}
        .dv3-empty-title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:8px}
        .dv3-empty-desc{font-size:14px;color:var(--dim);line-height:1.5;margin-bottom:20px}
        .dv3-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
        .dv3-empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,0.4)}

        /* Welcome block (hidden by JS usually) */
        .dv3-welcome{margin-bottom:24px;padding:24px;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(99,102,241,0.05));border:1px solid rgba(139,92,246,0.15);border-radius:20px;position:relative;overflow:hidden}
        .dv3-welcome::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,0.15),transparent 70%);pointer-events:none}
        .dv3-welcome-title{font-size:20px;font-weight:700;color:var(--white);margin-bottom:6px;letter-spacing:-0.3px}
        .dv3-welcome-subtitle{font-size:14px;color:var(--dim);margin-bottom:20px;line-height:1.5}
        .dv3-steps{display:flex;gap:12px;margin-bottom:20px}
        .dv3-step{flex:1;text-align:center;padding:16px 8px;background:rgba(255,255,255,0.03);border-radius:14px;border:1px solid rgba(255,255,255,0.05)}
        .dv3-step-num{width:28px;height:28px;margin:0 auto 10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white}
        .dv3-step-text{font-size:12px;color:var(--mid);line-height:1.4}
        .dv3-trust{display:flex;flex-wrap:wrap;gap:8px}
        .dv3-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);border-radius:10px;font-size:12px;color:#4ade80;font-weight:500}
        .dv3-badge svg{width:14px;height:14px}

        /* Examples */
        .dv3-examples{margin-bottom:24px}
        .dv3-examples-title{font-size:13px;color:var(--dim);margin-bottom:12px;font-weight:500}
        .dv3-tags{display:flex;flex-wrap:wrap;gap:8px}
        .dv3-tag{padding:10px 16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;font-size:13px;color:var(--mid);cursor:pointer;transition:all .2s}
        .dv3-tag:hover{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.2);color:var(--white)}

        /* Animations */
        @keyframes dv3FadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
        .dv3-hero{animation:dv3FadeIn .5s ease-out}
        .dv3-stats-bar{animation:dv3FadeIn .5s ease-out .08s backwards}
        .dv3-tip-chip{animation:dv3FadeIn .5s ease-out .12s backwards}
        .dv3-bento{animation:dv3FadeIn .5s ease-out .16s backwards}
        .dv3-section{animation:dv3FadeIn .5s ease-out .2s backwards}
        .dv3-bento-card{animation:dv3FadeIn .4s ease-out backwards}
        .dv3-bento-card:nth-child(1){animation-delay:.05s}
        .dv3-bento-card:nth-child(2){animation-delay:.1s}
        .dv3-bento-card:nth-child(3){animation-delay:.15s}
        .dv3-bento-card:nth-child(4){animation-delay:.2s}

        /* Light theme */
        [data-theme="light"] .dv3-hero{background:linear-gradient(135deg,rgba(139,92,246,0.08) 0%,rgba(99,102,241,0.03) 50%,rgba(255,255,255,0.6) 100%);border-color:rgba(139,92,246,0.12)}
        [data-theme="light"] .dv3-hero-balance{background:linear-gradient(135deg,#1f2937,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        [data-theme="light"] .dv3-stat-pill{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .dv3-stat-pill:hover{background:rgba(139,92,246,0.04);border-color:rgba(139,92,246,0.1)}
        [data-theme="light"] .dv3-stat-num{color:#111827}
        [data-theme="light"] .dv3-tip-chip{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .dv3-tip-text{color:#4b5563}
        [data-theme="light"] .dv3-bento-card{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .dv3-bento-card:hover{background:rgba(139,92,246,0.04);border-color:rgba(139,92,246,0.15)}
        [data-theme="light"] .dv3-bento-title{color:#111827}
        [data-theme="light"] .dv3-bento-desc{color:#6b7280}
        [data-theme="light"] .dv3-bento-icon{background:rgba(139,92,246,0.08)}
        [data-theme="light"] .dv3-section-head{border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .dv3-section-head span{color:#111827}
        [data-theme="light"] .dv3-empty{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.08)}
        [data-theme="light"] .dv3-empty-title{color:#111827}
        [data-theme="light"] .dv3-welcome{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(99,102,241,0.03))}
        [data-theme="light"] .dv3-welcome-title{color:#111827}
        [data-theme="light"] .dv3-step{background:rgba(0,0,0,0.02)}
        [data-theme="light"] .dv3-tag{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06);color:#4b5563}
        [data-theme="light"] .dv3-tag:hover{color:#111827}

        /* Main Action Button */
        /* Main Action Button */
        .dash-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}
        .dash-actions-3{grid-template-columns:1fr 1fr 1fr}
        .dash-main-action{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 12px;background:linear-gradient(135deg,var(--violet),#7c3aed);border:none;border-radius:16px;color:white;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}
        .dash-main-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,0.3)}
        .dash-consult-btn{background:linear-gradient(135deg,#06b6d4,#0891b2)}
        .dash-consult-btn:hover{box-shadow:0 8px 24px rgba(6,182,212,0.3)}
        .dash-docs-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}
        .dash-docs-btn:hover{box-shadow:0 8px 24px rgba(245,158,11,0.3)}
        .dash-ma-icon{font-size:20px;font-weight:700}
        
        /* Section */
        .dash-section{margin-bottom:24px}
        .dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
        .dash-section-header h2{font-size:16px;font-weight:600;color:var(--white)}
        .dash-see-all{background:none;border:none;color:var(--violet);font-size:13px;cursor:pointer;transition:all .2s}
        .dash-see-all:hover{color:var(--cyan)}
        
        /* Case Cards (replacing table) */
        .dash-case-list{display:flex;flex-direction:column;gap:10px}
        .dash-case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
        @media(max-width:768px){.dash-case-list{grid-template-columns:1fr}}
        .dash-case-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;cursor:pointer;transition:all .2s}
        .dash-case-card:hover{border-color:rgba(139,92,246,0.2);background:rgba(139,92,246,0.04)}
        .dash-case-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
        .dash-case-icon.evaluating{background:rgba(245,158,11,0.1);color:#f59e0b}
        .dash-case-icon.completed{background:rgba(34,197,94,0.1);color:#22c55e}
        .dash-case-icon.draft,.dash-case-icon.open{background:rgba(139,92,246,0.1);color:var(--violet)}
        .dash-case-info{flex:1;min-width:0}
        .dash-case-title{font-size:14px;font-weight:600;color:var(--white);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .dash-case-meta{font-size:12px;color:var(--dim)}
        .dash-case-status{font-size:12px;padding:4px 10px;border-radius:6px;font-weight:500}
        .dash-case-status.evaluating{background:rgba(245,158,11,0.15);color:#f59e0b}
        .dash-case-status.completed{background:rgba(34,197,94,0.15);color:#22c55e}
        .dash-case-status.draft,.dash-case-status.open{background:rgba(139,92,246,0.15);color:var(--violet)}
        
        /* Empty state */
        .dash-empty{text-align:center;padding:48px 24px}
        .dash-empty-icon{font-size:48px;margin-bottom:12px}
        .dash-empty-text{font-size:15px;color:var(--mid);margin-bottom:20px}
        
        @media(max-width:600px){
            .dash-clean{padding:24px 16px 100px}
            .dash-greeting h1{font-size:22px}
            .dash-quick-stats{gap:8px}
            .dash-qs-card{padding:14px;gap:10px;min-width:100px}
            .dash-qs-icon{font-size:22px}
            .dash-qs-val{font-size:20px}
            .dash-actions-row,.dash-actions-3{grid-template-columns:1fr}
            .dash-main-action{padding:16px;font-size:14px}
        }

        /* CARDS */
        .gc{position:relative;border-radius:16px;margin-bottom:14px;overflow:hidden}
        .gc::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;
            background:linear-gradient(135deg,rgba(139,92,246,0.15),rgba(139,92,246,0.05));
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
        .gi{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:20px;padding:24px}
        .gc-sm .gi{padding:20px}
        .ct{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-bottom:20px;color:var(--white)}
        .ci{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
            font-size:16px;background:rgba(139,92,246,0.1);border:none}
        [data-theme="light"] .gi{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}

        .grid{display:grid;gap:16px}
        .grid-2{grid-template-columns:1fr 1fr}
        .grid-3{grid-template-columns:1fr 1fr 1fr}
        @media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}

        /* INPUTS */
        .label{font-size:12px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;display:block}
        .req::after{content:' *';color:rgba(239,68,68,.4)}
        input,textarea,select{width:100%;padding:16px 18px;border-radius:14px;border:1px solid rgba(139,92,246,0.08);
            background:rgba(14,14,32,0.9);color:var(--white);font-family:inherit;font-size:15px;margin-bottom:14px;
            transition:all .3s;outline:none}
        input::placeholder,textarea::placeholder{color:var(--dim)}
        input:focus,textarea:focus,select:focus{border-color:rgba(139,92,246,.3);
            box-shadow:0 0 0 4px rgba(139,92,246,.06),0 0 24px rgba(139,92,246,.06)}
        textarea{min-height:120px;resize:vertical}
        select{cursor:pointer;appearance:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%234a4a6a'/%3E%3C/svg%3E");
            background-repeat:no-repeat;background-position:right 16px center}
        select option{background:#0a0a1a !important;color:#e5e7eb !important}
        select option:checked,select option:hover{background:#1e1b4b !important;color:#fff !important}

        /* BUTTONS */
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;
            border-radius:24px;border:none;font-family:inherit;font-size:15px;font-weight:600;
            cursor:pointer;transition:all .4s;position:relative;overflow:hidden}
        .btn::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;
            background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.1),transparent 50%)}
        .btn:hover::after{opacity:1}
        .btn-full{width:100%}
        .topup-chip{padding:12px 8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,0.02);color:var(--mid);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}
        .topup-chip:hover{border-color:var(--violet);color:var(--fg)}
        .topup-chip.active{border-color:var(--violet);background:rgba(139,92,246,0.15);color:var(--fg)}
        .pricing-modal{background:rgba(12,12,20,0.98);backdrop-filter:blur(20px)}
        [data-theme="light"] .pricing-modal{background:#fff;backdrop-filter:none}
        [data-theme="light"] .topup-chip{background:rgba(0,0,0,0.03);border-color:#e5e7eb;color:#374151}
        [data-theme="light"] .topup-chip:hover{border-color:var(--violet);color:#111}
        [data-theme="light"] .topup-chip.active{background:rgba(139,92,246,0.1);border-color:var(--violet);color:#111}
        .topup-input{width:100%;padding:16px 50px 16px 18px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.03);color:var(--fg);font-size:16px;font-weight:500;transition:border-color .2s}
        [data-theme="light"] .topup-input{background:#f9fafb;border-color:#e5e7eb;color:#111}
        .btn-main{background:linear-gradient(135deg,rgba(139,92,246,.25),transparent);color:white;
            border:1px solid rgba(139,92,246,.25);box-shadow:0 2px 24px rgba(139,92,246,.12)}
        .btn-main:hover{transform:translateY(-2px);
            box-shadow:0 8px 40px rgba(139,92,246,.25),0 0 0 1px rgba(139,92,246,.3);
            background:linear-gradient(135deg,rgba(139,92,246,.35),transparent)}
        .btn-big{padding:20px 44px;font-size:17px;font-weight:700}
        .btn-tg{background:linear-gradient(135deg,#2AABEE,#229ED9);color:white;font-weight:600;border:none;transition:all .2s}
        .btn-tg:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(42,171,238,0.35);background:linear-gradient(135deg,#3BB5F0,#2AABEE)}
        .btn-go{background:linear-gradient(135deg,rgba(34,197,94,.2),transparent);color:var(--green);
            border:1px solid rgba(34,197,94,.2);border-radius:24px}
        .btn-go:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(34,197,94,.3),transparent);
            box-shadow:0 8px 30px rgba(34,197,94,.15)}
        .btn-ghost{background:rgba(255,255,255,.03);color:var(--mid);border:1px solid rgba(255,255,255,.08);border-radius:24px}
        .btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--white);border-color:rgba(255,255,255,.15);
            box-shadow:0 4px 20px rgba(255,255,255,.03)}
        .btn:disabled{opacity:.25;cursor:not-allowed;transform:none!important;box-shadow:none!important}
        .magnetic-btn{transition:transform .3s cubic-bezier(.23,1,.32,1)}
        .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}
        @keyframes spin{to{transform:rotate(360deg)}}

        /* BADGES */
        .badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:8px;font-size:12px;
            font-weight:600;letter-spacing:.3px;text-transform:uppercase}
        .b-ok{background:rgba(34,197,94,.06);color:var(--green);border:1px solid rgba(34,197,94,.08)}
        .b-w{background:rgba(245,158,11,.06);color:#f59e0b;border:1px solid rgba(245,158,11,.08)}
        .b-p{background:rgba(139,92,246,.06);color:#8b5cf6;border:1px solid rgba(139,92,246,.06)}
        .b-c{background:transparent;color:var(--cyan);border:1px solid transparent}

        /* STATS */
        .stat{text-align:center;padding:28px}
        .stat-val{font-size:36px;font-weight:700;margin-bottom:6px}
        .stat-lbl{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}

        /* TABLE */
        .tbl{width:100%;border-collapse:collapse}
        .tbl th{text-align:left;font-size:12px;font-weight:700;color:var(--dim);text-transform:uppercase;
            letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid var(--border)}
        .tbl td{padding:14px;font-size:15px;border-bottom:1px solid var(--border);color:var(--mid);transition:all .3s}
        .tbl tr:hover td{color:var(--white);background:rgba(139,92,246,.03);box-shadow:inset 0 0 30px rgba(139,92,246,.02)}
        .tbl tr{cursor:pointer;transition:all .3s}
        .btn-del{background:none;border:none;cursor:pointer;font-size:16px;opacity:0.4;transition:all .2s;padding:4px 8px;border-radius:6px}
        .btn-del:hover{opacity:1;background:rgba(239,68,68,0.1)}

        /* Cases list (cards) */
        .cases-list{display:flex;flex-direction:column;gap:8px}
        .case-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;cursor:pointer;transition:all .2s}
        .case-item:hover{background:rgba(139,92,246,0.05);border-color:rgba(139,92,246,0.15)}
        .case-item-main{flex:1;min-width:0}
        .case-item-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .case-item-meta{font-size:13px;color:var(--dim)}
        .case-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
        .case-item-del{background:none;border:none;padding:8px;cursor:pointer;color:var(--dim);border-radius:8px;transition:all .2s;display:flex}
        .case-item-del:hover{background:rgba(239,68,68,0.1);color:#ef4444}
        [data-theme="light"] .case-item{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .case-item:hover{background:rgba(139,92,246,0.04)}
        [data-theme="light"] .case-item-title{color:#111827}

        /* CASE */
        .case-title{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:-0.5px}
        .case-meta{display:flex;gap:8px;flex-wrap:wrap}
        .case-parties{display:flex;gap:32px;margin-top:20px}
        .case-party-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
        .case-party-name{font-size:18px;font-weight:600}

        .arg{display:flex;gap:12px;padding:14px;background:rgba(255,255,255,0.02);border-radius:12px;margin-bottom:8px;
            border:1px solid rgba(255,255,255,0.06)}
        .arg:hover{border-color:rgba(139,92,246,.15)}
        .arg-num{width:28px;height:28px;border-radius:8px;background:rgba(139,92,246,.08);display:flex;align-items:center;
            justify-content:center;font-size:12px;font-weight:600;color:var(--dim);flex-shrink:0}
        .arg-side{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
        .arg-side-p{color:#a78bfa}.arg-side-d{color:#f472b6}
        .arg-text{font-size:13px;color:var(--dim);line-height:1.6}

        .verdict{border:1px solid rgba(34,197,94,.15);border-radius:20px;padding:40px;
            background:linear-gradient(135deg,rgba(34,197,94,.04),rgba(139,92,246,.03))}
        .verdict-winner{font-size:24px;font-weight:800;text-align:center;margin:12px 0;color:var(--green);
            text-shadow:0 0 30px rgba(34,197,94,0.25)}
        .verdict-text{color:var(--mid);font-size:14px;line-height:1.8;white-space:pre-wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
        .verdict-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}

        .progress-bar{height:4px;background:rgba(139,92,246,.1);border-radius:2px;overflow:hidden;margin:12px 0}
        .progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:2px;transition:width .5s}

        .info{display:flex;gap:10px;padding:16px 18px;border-radius:12px;background:rgba(139,92,246,.03);
            border:1px solid var(--border);margin-bottom:16px;font-size:14px;color:var(--dim)}
        .file-upload-area{border:2px dashed rgba(139,92,246,.3);border-radius:14px;padding:24px;text-align:center;
            cursor:pointer;transition:all .2s;background:rgba(139,92,246,.02);margin-bottom:12px}
        .file-upload-area:hover{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.05)}
        .file-upload-area.dragover{border-color:#8b5cf6;background:rgba(139,92,246,.1)}
        .file-upload-icon{font-size:32px;margin-bottom:8px}
        .file-upload-text{font-size:14px;color:var(--txt);margin-bottom:4px}
        .file-upload-hint{font-size:12px;color:var(--dim)}
        .file-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
        .file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(139,92,246,.05);
            border-radius:10px;font-size:13px}
        .file-item-icon{font-size:18px}
        .file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .file-item-size{color:var(--dim);font-size:12px}
        .file-item-remove{cursor:pointer;opacity:.6;transition:opacity .2s;font-size:16px}
        .file-item-remove:hover{opacity:1}
        [data-theme="light"] .file-upload-area{background:rgba(139,92,246,.03);border-color:rgba(139,92,246,.2)}
        [data-theme="light"] .file-item{background:rgba(139,92,246,.06)}

        .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;
            padding:14px 32px;border-radius:16px;font-size:14px;font-weight:500;z-index:1100;
            transition:all .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);max-width:88%;pointer-events:none}
        .toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
        @media(max-width:768px){.toast{bottom:100px}}
        .t-e{background:rgba(239,68,68,.9);color:white;box-shadow:0 4px 30px rgba(239,68,68,.2)}
        .t-o{background:rgba(34,197,94,.9);color:white;box-shadow:0 4px 30px rgba(34,197,94,.2)}
        .t-i{background:rgba(139,92,246,.9);color:white;box-shadow:0 4px 30px rgba(139,92,246,.2)}

        .hidden{display:none!important}
        .section{animation:fadeUp .5s cubic-bezier(.16,1,.3,1)}
        @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
        .empty{text-align:center;padding:56px 24px;color:var(--dim)}
        .empty-icon{font-size:52px;margin-bottom:14px;opacity:.5}
        .empty-text{font-size:16px;margin-bottom:16px}

        .footer{text-align:center;padding:24px;color:var(--dim);font-size:11px;border-top:1px solid var(--border);margin-top:auto}
        .footer a{color:var(--mid);text-decoration:none}

        /* Reveal animations */
        .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}
        .reveal.revealed{opacity:1;transform:translateY(0)}
        .reveal-delay-1{transition-delay:.1s}
        .reveal-delay-2{transition-delay:.2s}
        .reveal-delay-3{transition-delay:.3s}
        .reveal-delay-4{transition-delay:.4s}
        .reveal-delay-5{transition-delay:.5s}

        /* Shake animation for validation */
        @keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}
        .shake{animation:shake .4s ease}
        .field-error{border-color:rgba(239,68,68,0.5)!important;box-shadow:0 0 0 3px rgba(239,68,68,0.1)!important}
        input.field-error::placeholder,textarea.field-error::placeholder{color:rgba(239,68,68,0.4)}

        /* Loading dots animation */
        .loading-dots{display:inline-flex;gap:2px;margin-left:4px}
        .loading-dots span{opacity:0;animation:dotFade 1.4s infinite}
        .loading-dots span:nth-child(2){animation-delay:.2s}
        .loading-dots span:nth-child(3){animation-delay:.4s}
        @keyframes dotFade{0%,100%{opacity:0}50%{opacity:1}}

        /* Arbitration progress steps */
        .arb-steps{display:flex;flex-direction:column;gap:8px;margin-top:16px}
        .arb-step{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dim);padding:12px 16px;
            border-radius:12px;background:rgba(14,14,32,0.5);border:1px solid var(--border);transition:all .4s}
        .arb-step.arb-active{color:var(--white);border-color:rgba(139,92,246,0.2);background:rgba(139,92,246,0.04)}
        .arb-step.arb-done{color:var(--green);border-color:rgba(34,197,94,0.1)}
        .arb-step-dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:all .3s}
        .arb-step.arb-active .arb-step-dot{background:var(--violet);box-shadow:0 0 8px var(--violet);animation:bPulse 1.5s ease infinite}
        .arb-step.arb-done .arb-step-dot{background:var(--green);box-shadow:0 0 8px var(--green)}

        /* Success overlay */
        .success-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(16px);z-index:300;
            display:flex;align-items:center;justify-content:center;animation:modalIn .3s ease}
        .success-card{text-align:center;padding:56px 48px;border-radius:24px;background:rgba(10,10,24,0.97);
            border:1px solid rgba(34,197,94,0.2);box-shadow:0 24px 80px rgba(0,0,0,0.5),0 0 80px rgba(34,197,94,0.06);
            animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}
        @keyframes successPop{from{transform:scale(0.3);opacity:0}to{transform:scale(1);opacity:1}}
        .success-icon{font-size:64px;margin-bottom:16px;display:inline-block;animation:successPop .5s cubic-bezier(.16,1,.3,1)}

        /* Mobile hamburger menu */
        .nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;
            width:40px;height:40px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);
            border-radius:10px;cursor:pointer;gap:5px;transition:all .2s}
        .nav-burger:hover{background:rgba(139,92,246,0.2)}
        .nav-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
        .nav-burger.burger-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
        .nav-burger.burger-open span:nth-child(2){opacity:0}
        .nav-burger.burger-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
        [data-theme="light"] .nav-burger span{background:#374151}
        
        .nav-mobile-menu{display:none;position:fixed;top:70px;left:16px;right:16px;
            background:rgba(12,12,18,0.98);border:1px solid rgba(255,255,255,0.06);
            border-radius:16px;padding:8px;z-index:200;flex-direction:column;gap:2px;
            box-shadow:0 20px 60px rgba(0,0,0,0.5);
            animation:mobMenuIn .5s cubic-bezier(.25,.1,.25,1)}
        @keyframes mobMenuIn{from{opacity:0;transform:translateY(-20px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}
        .nav-mobile-menu.menu-open{display:flex}
        .nav-mobile-menu>a{display:block;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;
            color:var(--white);text-decoration:none;transition:background .2s}
        .nav-mobile-menu>a:hover,.nav-mobile-menu>a:active{background:rgba(139,92,246,0.12)}
        .nav-mobile-menu .menu-divider{height:1px;background:rgba(255,255,255,0.06);margin:8px 4px}
        .mob-footer{display:flex;align-items:center;gap:10px;padding:10px 12px}
        .mob-icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);
            background:transparent;color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
        .mob-icon-btn:hover{background:rgba(255,255,255,0.05);color:var(--white)}
        .mob-btn-ghost{padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);
            background:transparent;color:var(--white);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}
        .mob-btn-ghost:hover{background:rgba(255,255,255,0.05)}
        .mob-btn-primary{padding:12px 24px;border-radius:12px;border:none;
            background:var(--violet);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
        .mob-btn-primary:hover{background:#8b5cf6}
        [data-theme="light"] .nav-mobile-menu{background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .nav-mobile-menu>a{color:#1f2937}
        [data-theme="light"] .mob-btn-ghost{border-color:rgba(0,0,0,0.1);color:#1f2937}
        
        @media(max-width:768px){
            .nav{padding:12px 16px}
            .nav-links{display:none!important}
            .nav-right .btn-nav,.nav-right .btn-nav-ghost,.nav-right #langToggle{display:none!important}
            .nav-right .theme-toggle{display:flex!important}
            .nav-burger{display:flex}
            .nav{justify-content:space-between}
            .nav-name{display:none}
            .nav-av{width:34px;height:34px;font-size:13px}
            .nav-brand{font-size:18px}
            .nav-logo{font-size:22px}
            .nav-dropdown{right:-8px;min-width:180px}
        }

        /* ===== MOBILE BOTTOM TAB BAR (Apple 6-layer glass) ===== */
        .bottom-tabs{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
            z-index:150;border-radius:28px;padding:8px 24px;
            justify-content:center;align-items:center;gap:8px;width:auto;
            overflow:visible;
            /* Layer 1: Base blur */
            backdrop-filter:blur(40px) saturate(200%) brightness(1.05);
            -webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.05);
            /* Layer 2: Dark tinted glass */
            background:linear-gradient(180deg,rgba(40,40,50,0.7) 0%,rgba(20,20,28,0.85) 100%);
            /* Layer 3: Inner highlight (top edge) */
            box-shadow:
                inset 0 1px 1px rgba(255,255,255,0.15),
                inset 0 -1px 1px rgba(0,0,0,0.2),
                /* Layer 4: Outer glow */
                0 8px 32px rgba(0,0,0,0.4),
                0 2px 8px rgba(0,0,0,0.3);
            /* Layer 5: Border with gradient */
            border:1px solid transparent;
            background-clip:padding-box;
            /* Layer 6: Vibrancy border overlay */
            position:relative}
        .bottom-tabs::before{content:'';position:absolute;inset:-1px;border-radius:29px;padding:1px;
            background:linear-gradient(180deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.1) 100%);
            -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
            -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
        /* Hide tabs on desktop and when not logged in */
        @media(min-width:769px){
            .bottom-tabs{display:none!important}
        }
        @media(max-width:768px){
            .bottom-tabs{display:flex!important}
            body:has(#pgLanding:not(.hidden)) .bottom-tabs{display:none}
            .wrap.has-tabs{padding-bottom:100px}
        }
        .bt-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;
            cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:none;border:none;border-radius:20px;
            color:rgba(255,255,255,0.4);font-family:inherit;-webkit-tap-highlight-color:transparent;position:relative}
        .bt-tab svg{width:22px;height:22px;transition:all .2s;position:relative;z-index:1}
        .bt-tab span{font-size:10px;font-weight:500;position:relative;z-index:1;letter-spacing:0.3px}
        .bt-tab:active{transform:scale(0.92)}
        .bt-tab.bt-active{color:#fff;background:rgba(139,92,246,0.15)}
        .bt-tab.bt-active svg{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(139,92,246,0.6))}
        .bt-lens{position:absolute;width:64px;height:64px;border-radius:50%;
            background:rgba(255,255,255,0.08);
            border:1px solid rgba(255,255,255,0.2);
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);
            pointer-events:none;left:0;top:50%;z-index:5;opacity:0;
            will-change:transform,opacity}
        .bt-lens.active{opacity:1}
        .bt-tab.bt-zoomed{transform:scale(1.25)}
        .bt-tab.bt-zoomed svg{color:#a78bfa}
        .bt-lens.dragging{width:70px;height:70px;
            background:rgba(255,255,255,0.12);
            border-color:rgba(255,255,255,0.3);
            box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 8px 32px rgba(0,0,0,0.3)}
        [data-theme="light"] .bottom-tabs{
            background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,rgba(245,245,250,0.85) 100%);
            box-shadow:
                inset 0 1px 1px rgba(255,255,255,0.9),
                inset 0 -1px 1px rgba(0,0,0,0.05),
                0 8px 32px rgba(0,0,0,0.12),
                0 2px 8px rgba(0,0,0,0.08)}
        [data-theme="light"] .bottom-tabs::before{
            background:linear-gradient(180deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.3) 50%,rgba(0,0,0,0.05) 100%)}
        [data-theme="light"] .bt-tab{color:rgba(0,0,0,0.4)}
        [data-theme="light"] .bt-tab.bt-active{color:#6366f1;background:rgba(99,102,241,0.1)}
        [data-theme="light"] .bt-tab.bt-active svg{color:#6366f1;filter:none}

        /* Dashboard shimmer loading */
        .dash-load-grid{display:grid;grid-template-columns:5fr 2fr;gap:24px}
        .dash-shimmer-rows{display:flex;flex-direction:column;gap:12px}
        @media(max-width:900px){.dash-load-grid{grid-template-columns:1fr}}

        /* Case count badge */
        .case-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;
            border-radius:20px;font-size:13px;font-weight:600;background:rgba(139,92,246,0.1);
            color:var(--violet);border:1px solid rgba(139,92,246,0.12);margin-left:12px}
        .last-updated{font-size:12px;color:var(--dim);margin-left:auto}

        /* Page transitions */
        .page-enter{animation:pageIn .5s cubic-bezier(.16,1,.3,1) forwards}
        @keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

        /* Responsive */
        @media(max-width:768px){
            .landing,.hero,.features,.pricing-section,.reviews-section,.faq-section,.footer,.phone-section{overflow-x:hidden;max-width:100vw}
            .nav{padding:14px 20px}
            .hero h1{font-size:40px;letter-spacing:-1.5px}
            .hero-sub{font-size:17px}
            .hero-stats{gap:28px}
            .hero-stat-val{font-size:38px}
            .hero-orb{width:300px;height:300px}
            .demo-content{grid-template-columns:1fr;padding:20px}
            .demo-browser{transform:none}
            .demo-browser:hover{transform:translateY(-4px)}
            .trust-grid{gap:12px}
            .trust-badge{padding:16px 20px}
            .cta-inner{padding:48px 28px}
            .cta-inner h2{font-size:28px}
            .footer-grid{padding:40px 20px 28px}
            .section-title{font-size:32px}
            .brain-header h2{font-size:32px}
            .how-title{font-size:32px}
        }
        /* === AGGRESSIVE MOBILE OPTIMIZATION === */
        @media(max-width:640px){
            /* Hero compact */
            .hero{padding:60px 16px 40px}
            .hero h1{font-size:32px;letter-spacing:-1px;margin-bottom:20px}
            .hero-sub{font-size:15px;margin-bottom:12px}
            .hero-carousel{height:auto;margin-bottom:24px;overflow:visible}
            .hero-carousel-inner{animation:none;transform:none!important}
            .hero-carousel-item{font-size:12px;height:auto;padding:8px 0;letter-spacing:1px}
            .hero-carousel-item:not(:first-child){display:none}
            .hero-btns{gap:10px;margin-bottom:40px}
            .hero-btns .btn{padding:12px 20px;font-size:13px}
            .hero-stats{gap:20px}
            .hero-stat-val{font-size:28px}
            .hero-stat-label{font-size:11px}
            .hero-orb{display:none}
            .hero-badge{padding:6px 14px;font-size:12px}
            /* Sections compact */
            .section-title{font-size:24px!important;margin-bottom:16px}
            .brain-banner{margin:0 16px}
            .brain-banner-inner{padding:24px 20px}
            .brain-banner-icon{font-size:40px}
            .brain-banner-text h3{font-size:18px}
            .brain-banner-text p{font-size:13px}
            /* Phone section hide on very small */
            .phone-section{padding:40px 16px 60px}
            .phone-wrapper::before,.phone-wrapper::after{display:none}
            .phone-left h2{font-size:24px}
            .phone-left p{font-size:14px}
            .phone-features{gap:12px}
            .phone-feature{padding:14px}
            .phone-device{width:200px!important;height:400px!important}
            /* Trust section compact */
            .trust-section{padding:0 16px 60px}
            .trust-badge{padding:12px 16px}
            .trust-badge span{font-size:12px}
            /* How section compact */
            .how-section{padding:40px 16px}
            .how-title{font-size:24px!important}
            .how-step{padding:20px}
            .how-step h4{font-size:16px}
            .how-step p{font-size:13px}
            /* Tech stack hide */
            .tech-stack-section{display:none}
            /* CTA compact */
            .cta-section{padding:40px 16px}
            .cta-inner{padding:32px 20px}
            .cta-inner h2{font-size:22px}
            .cta-inner p{font-size:14px}
            /* Footer compact */
            .footer-grid{padding:32px 16px 20px}
            .footer-logo{font-size:22px}
            /* Hide decorative elements */
            .hero::before,.hero::after{display:none}
            .glow-line{display:none}
        }
        @media(max-width:480px){
            .hero h1{font-size:28px}
            .hero-sub{font-size:14px}
            .hero-btns{flex-direction:column}
            .hero-btns .btn{width:100%}
            .phone-device{display:none}
            .brain-banner-icon{display:none}
        }
        /* ===== INVITE MODAL ===== */
        .invite-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(14px);z-index:200;
            display:flex;align-items:center;justify-content:center;padding:24px;animation:modalIn .3s ease}
        .invite-popup{width:100%;max-width:500px;border-radius:20px;background:rgba(10,10,24,0.97);
            border:1px solid rgba(139,92,246,0.15);padding:40px;
            box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 80px rgba(124,58,237,0.08);
            animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}
        .invite-popup h3{font-size:22px;font-weight:700;margin-bottom:8px;text-align:center}
        .invite-popup .invite-sub{font-size:14px;color:var(--mid);text-align:center;margin-bottom:24px;line-height:1.6}
        .invite-url-box{display:flex;gap:8px;margin:20px 0 0}
        .invite-url-box input{flex:1;margin-bottom:0;font-size:13px;padding:14px 16px;background:rgba(2,2,8,0.8);
            border:1px solid rgba(139,92,246,0.15);color:var(--cyan);letter-spacing:.3px;cursor:text}
        .invite-url-box .btn{flex-shrink:0;white-space:nowrap}

        /* ===== JOIN PAGE ===== */
        .join-role{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:14px;
            font-size:15px;font-weight:600;margin:16px 0}
        .join-role-def{background:rgba(244,114,182,0.08);color:#f472b6;border:1px solid rgba(244,114,182,0.15)}
        .join-role-pla{background:rgba(129,140,248,0.08);color:#818cf8;border:1px solid rgba(129,140,248,0.15)}
        .join-args-list{margin:16px 0}
        .join-login-prompt{text-align:center;padding:28px;border-radius:16px;
            background:rgba(139,92,246,0.04);border:1px solid var(--border);margin-top:20px}
        .join-login-prompt p{color:var(--mid);font-size:15px;margin-bottom:16px}
        .join-submitted-card{text-align:center;padding:48px 36px}
        .join-verdict-winner{animation:verdictGlow 2s ease-in-out infinite alternate}
        @keyframes verdictGlow{from{filter:brightness(1) drop-shadow(0 0 15px rgba(124,58,237,0.3))}to{filter:brightness(1.15) drop-shadow(0 0 35px rgba(124,58,237,0.5))}}
        .join-model-card{padding:20px;background:rgba(14,14,32,0.5);border-radius:14px;margin-bottom:10px;
            border:1px solid var(--border);transition:all .3s}
        .join-model-card:hover{border-color:rgba(139,92,246,0.15);background:rgba(14,14,32,0.7)}

        /* ===== INVITE BUTTON BRIGHT ===== */
        .btn-invite{background:linear-gradient(135deg,#7c3aed,#6366f1,#06b6d4);color:white;
            border:none;padding:16px 32px;font-size:16px;font-weight:700;border-radius:16px;
            box-shadow:0 4px 24px rgba(124,58,237,0.35),0 0 0 1px rgba(124,58,237,0.2);
            transition:all .4s;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:10px;
            animation:invitePulse 3s ease-in-out infinite;min-height:48px}
        .btn-invite:hover{transform:translateY(-3px) scale(1.03);
            box-shadow:0 8px 40px rgba(124,58,237,0.5),0 0 60px rgba(99,102,241,0.15)}
        .btn-invite:disabled{opacity:.25;cursor:not-allowed;transform:none!important;box-shadow:none!important;animation:none}
        @keyframes invitePulse{0%,100%{box-shadow:0 4px 24px rgba(124,58,237,0.35),0 0 0 1px rgba(124,58,237,0.2)}50%{box-shadow:0 4px 32px rgba(124,58,237,0.5),0 0 0 2px rgba(99,102,241,0.3)}}

        /* ===== INVITE MODAL QR ===== */
        .invite-qr-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
        .invite-qr-section img{border-radius:12px;background:white;padding:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
        .invite-qr-label{font-size:13px;color:var(--dim);margin-top:10px}
        .invite-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
        .invite-actions .btn{flex:1;min-width:140px;min-height:48px}
        .btn-share{background:linear-gradient(135deg,rgba(34,197,94,0.25),transparent);color:var(--green);
            border:1px solid rgba(34,197,94,0.25);border-radius:14px;font-weight:600;cursor:pointer;
            font-family:inherit;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
            padding:14px 20px;transition:all .3s}
        .btn-share:hover{background:linear-gradient(135deg,rgba(34,197,94,0.35),transparent);
            box-shadow:0 4px 20px rgba(34,197,94,0.15);transform:translateY(-1px)}

        /* ===== FORGOT PASSWORD LINK ===== */
        .forgot-link{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--dim);text-decoration:none;transition:color .3s}
        .forgot-link:hover{color:var(--violet)}
        .forgot-link span{color:var(--cyan)}

        /* ===== PROFILE PAGE ===== */
        .profile-header{text-align:center;padding:20px 24px 12px}
        .profile-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;object-fit:cover;
            box-shadow:0 0 40px rgba(124,58,237,0.3),0 0 0 4px rgba(124,58,237,0.1)}
        .prof-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:20px 24px}
        .prof-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;font-size:12px;color:var(--dim)}
        .prof-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--glass-border)}
        .prof-row:last-child{border-bottom:none}
        .prof-row-icon{font-size:16px;width:24px;text-align:center}
        .prof-row-label{flex:1;color:var(--dim);font-size:14px}
        .prof-row-value{font-size:14px;color:var(--white)}
        .prof-stat-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:16px;text-align:center}
        .prof-stat-num{font-size:28px;font-weight:700;color:var(--white)}
        .prof-stat-label{font-size:12px;color:var(--dim);margin-top:4px}
        .prof-link{display:block;padding:12px 0;color:var(--white);text-decoration:none;font-size:14px;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:color .2s}
        .prof-link:last-child{border-bottom:none}
        .prof-link:hover{color:var(--violet)}
        [data-theme="light"] .prof-card{background:rgba(255,255,255,0.8);border-color:rgba(0,0,0,0.08)}
        [data-theme="light"] .prof-badge{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08)}
        [data-theme="light"] .prof-stat-card{background:rgba(255,255,255,0.9)}
        [data-theme="light"] .prof-row{border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .prof-link{border-color:rgba(0,0,0,0.06);color:#1f2937}
        @keyframes themeSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}
        .profile-name{font-size:20px;font-weight:600;margin-bottom:2px}
        .profile-email{font-size:13px;color:var(--dim)}
        .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
        @media(max-width:640px){.profile-grid{grid-template-columns:1fr}.profile-grid .gc[style*="span 2"]{grid-column:span 1!important}}
        .profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;
            border-bottom:1px solid var(--border);font-size:14px}
        .profile-info-row:last-child{border-bottom:none}
        .profile-info-label{color:var(--dim);font-weight:500}
        .profile-info-value{color:var(--white);font-weight:600;text-align:right}
        .tg-linked{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;
            background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.15);color:var(--green);
            font-size:14px;font-weight:600}
        .tg-link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:14px;
            background:linear-gradient(135deg,rgba(0,136,204,0.2),transparent);
            color:#29b6f6;border:1px solid rgba(0,136,204,0.2);font-size:14px;font-weight:600;
            cursor:pointer;transition:all .3s;text-decoration:none;font-family:inherit}
        .tg-link-btn:hover{background:linear-gradient(135deg,rgba(0,136,204,0.3),transparent);
            box-shadow:0 4px 20px rgba(0,136,204,0.15);transform:translateY(-2px)}
        .profile-stats-mini{display:flex;justify-content:center;gap:20px;margin-top:12px}
        .profile-stat-mini{text-align:center;padding:0;
            background:rgba(139,92,246,0.04);border:1px solid var(--border)}
        .profile-stat-mini .psv{font-size:18px;font-weight:600;color:var(--white);margin-bottom:1px}
        .profile-stat-mini .psl{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:0.3px}

        /* Telegram widget separator */
        .auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--dim);font-size:13px}
        .auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}

        /* (overlay removed — using document click) */

        /* ===== MOBILE IMPROVEMENTS ===== */
        @media(max-width:768px){
            /* Cards padding */
            .gi{padding:20px}
            .app-inner{padding:20px 16px}
            .dash-hero{padding:32px 16px 28px}
            .dash-stats-wrap{padding:0 16px}

            /* Buttons touch-friendly */
            .btn,.btn-nav,.btn-ghost,.btn-main,.btn-go{min-height:48px}
            .btn-full{min-height:52px}
            .nav-link{min-height:44px;display:flex;align-items:center}

            /* Modals don't overflow */
            .modal-bg,.invite-overlay,.success-overlay{padding:16px}
            .modal{padding:32px 24px;max-height:90vh;overflow-y:auto;max-width:100%}
            .invite-popup{padding:28px 20px;max-height:90vh;overflow-y:auto;max-width:100%}

            /* Inputs bigger on mobile */
            input,textarea,select{font-size:16px;padding:14px 16px;min-height:48px}
            textarea{min-height:100px}

            /* Table scrollable */
            .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

            /* Case detail */
            .case-parties{gap:16px}
            .grid.grid-2{grid-template-columns:1fr}

            /* Invite modal responsive */
            .invite-url-box{flex-direction:column}
            .invite-url-box .btn{width:100%}
            .invite-actions{flex-direction:column}
            .invite-actions .btn{width:100%}
        }

        @media(max-width:480px){
            .gi{padding:16px}
            .app-inner{padding:16px 12px}
            .modal{padding:28px 18px;border-radius:18px}
            .invite-popup{padding:24px 16px;border-radius:18px}
            .hero{padding:60px 16px 40px}
            .hero h1{font-size:32px;letter-spacing:-1px}
            .hero-sub{font-size:15px}
            .case-title{font-size:22px}
            .ct{font-size:16px}
            .btn-invite{padding:14px 24px;font-size:15px;width:100%}
        }
        
        /* LIGHT THEME OVERRIDES - must be at end */
        [data-theme="light"] .review-card{background:#ffffff !important;border:1px solid #e5e7eb !important;box-shadow:0 4px 12px rgba(0,0,0,0.08) !important}
        [data-theme="light"] .review-name{color:#111827 !important}
        [data-theme="light"] .review-text{color:#374151 !important}
        [data-theme="light"] .review-meta{color:#6b7280 !important}
        [data-theme="light"] .review-badge{background:#f3f4f6 !important;color:#7c3aed !important}
        
        /* Profile page */
        [data-theme="light"] .profile-avatar{box-shadow:0 4px 20px rgba(139,92,246,0.2)!important;animation:none!important}
        [data-theme="light"] .profile-name{color:#111827!important}
        [data-theme="light"] .profile-email{color:#6b7280!important}
        [data-theme="light"] .profile-stat-mini .psv{color:#111827!important}
        [data-theme="light"] .profile-stat-mini .psl{color:#6b7280!important}
        [data-theme="light"] .profile-info-row{border-color:#e5e7eb!important}
        [data-theme="light"] .profile-info-label{color:#6b7280!important}
        [data-theme="light"] .profile-info-value{color:#111827!important}
        
        /* === PREMIUM POLISH === */
        
        /* Smooth page transitions */
        .section{animation:sectionFadeIn .4s ease}
        @keyframes sectionFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
        
        /* Button press effect */
        .btn{position:relative;overflow:hidden}
        .btn::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,0.3) 0%,transparent 60%);opacity:0;transition:opacity .3s}
        .btn:active::after{opacity:1}
        .btn:active{transform:scale(0.97)}
        
        /* Card hover lift */
        .gc .gi{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}
        .gc .gi:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(139,92,246,0.15)}
        
        /* Glowing borders on focus */
        input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(139,92,246,0.2),0 0 20px rgba(139,92,246,0.1)!important}
        
        /* Subtle text gradient on headings */
        h1,h2,.modal-title{background:linear-gradient(135deg,var(--white) 0%,rgba(255,255,255,0.8) 100%);-webkit-background-clip:text;background-clip:text}
        
        /* Skeleton shimmer animation */
        .shimmer{background:linear-gradient(90deg,rgba(139,92,246,0.05) 0%,rgba(139,92,246,0.1) 50%,rgba(139,92,246,0.05) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}
        @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
        
        /* Stats counter bounce */
        .profile-stat-mini:hover .psv,.stat-number:hover{animation:numberBounce .4s ease}
        @keyframes numberBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
        
        /* Floating animation for icons */
        .hero-badge .hero-dot{animation:float 3s ease-in-out infinite}
        @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
        
        /* Ripple effect on click */
        .ripple{position:relative;overflow:hidden}
        .ripple::before{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .5s}
        .ripple:active::before{transform:scale(2);opacity:1;transition:0s}
        
        /* Smooth scrollbar */
        ::-webkit-scrollbar{width:8px;height:8px}
        ::-webkit-scrollbar-track{background:rgba(139,92,246,0.05);border-radius:4px}
        ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--violet),var(--indigo));border-radius:4px}
        ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--indigo),var(--violet))}
        
        /* Nav item active indicator */
        .nav-link.active{position:relative}
        .nav-link.active::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:2px}
        
        /* Status badge pulse */
        .status-badge{animation:statusPulse 2s ease-in-out infinite}
        @keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
        
        /* Bottom tabs active glow */
        .bt-tab.active{position:relative}
        .bt-tab.active::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:2px;animation:tabGlow 2s ease-in-out infinite}
        @keyframes tabGlow{0%,100%{opacity:1}50%{opacity:0.5}}
        
        /* Modal backdrop blur enhancement */
        .modal-bg{backdrop-filter:blur(12px) saturate(180%)}
        
        /* Card border gradient on hover */
        .gc .gi{position:relative}
        .gc .gi::before{display:none}
        .gc .gi:hover::before{display:none}
        
        /* Loading spinner premium */
        .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,0.1);border-top-color:var(--violet);border-radius:50%;animation:spin 1s linear infinite}
        @keyframes spin{to{transform:rotate(360deg)}}
        
        /* Success checkmark animation */
        .success-check{animation:checkPop .5s cubic-bezier(.4,0,.2,1)}
        @keyframes checkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}
        
        /* Tooltip enhancement */
        [title]{position:relative}
        [title]:hover::after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:white;padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:9999;animation:tooltipFade .2s ease}
        @keyframes tooltipFade{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
        
        /* === PHONE MOCKUP SECTION === */
        .phone-section{max-width:1100px;margin:0 auto;padding:80px 32px 100px;position:relative}
        .phone-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
        @media(max-width:900px){.phone-section-inner{grid-template-columns:1fr;gap:48px;text-align:center}}
        
        .phone-content h2{font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:24px;line-height:1.15}
        .phone-content h2 .glow-text{background:linear-gradient(135deg,var(--violet),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        .phone-content p{font-size:18px;color:var(--mid);line-height:1.7;margin-bottom:32px}
        .phone-features{display:flex;flex-direction:column;gap:16px}
        .phone-feature{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--white)}
        .phone-feature-icon{width:40px;height:40px;border-radius:12px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
        @media(max-width:900px){.phone-features{align-items:center}}
        
        /* Phone Device - Ultra Realistic iPhone 15 Pro */
        .phone-wrapper{display:flex;justify-content:center;perspective:1500px;position:relative;padding:40px 0}
        .phone-wrapper::before{content:'';position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,0.4) 0%,rgba(139,92,246,0.1) 40%,transparent 70%);transform:translate(-50%,-50%);filter:blur(80px);pointer-events:none;animation:phoneGlow 4s ease-in-out infinite alternate}
        .phone-wrapper::after{content:'';position:absolute;top:20%;right:5%;width:300px;height:300px;background:radial-gradient(circle,transparent 0%,transparent 70%);filter:blur(60px);pointer-events:none;animation:phoneGlow2 5s ease-in-out infinite alternate}
        @keyframes phoneGlow{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
        @keyframes phoneGlow2{0%{opacity:.5;transform:scale(1)}100%{opacity:.8;transform:scale(1.2)}}
        
        .phone-device{width:260px;height:530px;position:relative;z-index:2;
            background:linear-gradient(135deg,#3a4a5c 0%,#2d3a48 30%,#252f3a 70%,#2d3a48 100%);
            border-radius:46px;padding:4px;
            border-right:12px solid #1a242c;
            border-left:2px solid #3a4a5c;
            border-top:2px solid #3a4a5c;
            border-bottom:2px solid #1e2830;
            box-shadow:
                8px 8px 25px rgba(0,0,0,0.4),
                0 40px 80px rgba(0,0,0,0.3),
                inset 0 1px 2px rgba(255,255,255,0.15),
                inset 0 -1px 2px rgba(0,0,0,0.3);
            transform:perspective(1200px) rotateY(-12deg) rotateX(3deg);
            transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
        .phone-device:hover{transform:perspective(1200px) rotateY(-5deg) rotateX(1deg) scale(1.02)}
        
        /* Titanium frame effect */
        .phone-frame{position:absolute;inset:0;border-radius:43px;
            background:linear-gradient(120deg,rgba(255,255,255,0.1) 0%,transparent 30%,transparent 70%,rgba(0,0,0,0.15) 100%);
            pointer-events:none;z-index:3}
        
        /* Side buttons - blue titanium */
        .phone-device::before{content:'';position:absolute;top:120px;left:-6px;width:4px;height:35px;
            background:linear-gradient(90deg,#1e2830,#2a3640,#1e2830);
            border-radius:2px 0 0 2px;
            box-shadow:-1px 0 2px rgba(0,0,0,0.4)}
        .phone-device::after{content:'';position:absolute;top:180px;left:-6px;width:4px;height:65px;
            background:linear-gradient(90deg,#1e2830,#2a3640,#1e2830);
            border-radius:2px 0 0 2px;
            box-shadow:-1px 0 2px rgba(0,0,0,0.4)}
        
        /* Power button - blue titanium */
        .phone-btn-power{position:absolute;top:160px;right:-6px;width:4px;height:80px;
            background:linear-gradient(90deg,#1e2830,#2a3640,#1e2830);
            border-radius:0 2px 2px 0;
            box-shadow:1px 0 2px rgba(0,0,0,0.4)}
        
        /* Dynamic Island */
        .phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:95px;height:30px;
            background:linear-gradient(180deg,#000 0%,#0a0a0a 100%);
            border-radius:20px;z-index:10;
            box-shadow:0 0 0 1px rgba(255,255,255,0.05),inset 0 2px 4px rgba(0,0,0,0.8)}
        .phone-notch::before{content:'';position:absolute;top:50%;left:15px;transform:translateY(-50%);
            width:8px;height:8px;background:radial-gradient(circle,#0d1117 0%,#000 100%);
            border-radius:50%;box-shadow:inset 0 1px 3px rgba(0,0,0,0.8),0 0 2px rgba(20,20,40,0.5)}
        
        /* Screen with realistic edge curve */
        .phone-screen{width:100%;height:100%;
            background:linear-gradient(180deg,#0c0c16 0%,#08080e 100%);
            border-radius:44px;overflow:hidden;position:relative;
            box-shadow:inset 0 0 0 1px rgba(0,0,0,0.9),inset 0 0 10px rgba(0,0,0,0.3);
            image-rendering:crisp-edges;-webkit-font-smoothing:antialiased}
        
        /* Subtle screen reflection */
        .phone-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:40%;
            background:linear-gradient(180deg,rgba(255,255,255,0.02) 0%,transparent 100%);
            pointer-events:none;z-index:100}
        /* Phone UI - App Style - SHARP */
        .phone-ui{height:100%;display:flex;flex-direction:column;padding-top:44px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
        .phone-statusbar{position:absolute;top:0;left:0;right:0;padding:14px 24px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#fff;z-index:5}
        .phone-statusbar-right{display:flex;align-items:center;gap:6px}
        .phone-statusbar-right svg{opacity:1}
        
        .phone-app-header{padding:20px 16px 12px;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;color:#fff;letter-spacing:-0.3px}
        .phone-back{font-size:22px;color:#a78bfa;cursor:pointer;font-weight:400}
        
        .phone-profile{display:flex;align-items:center;gap:14px;padding:16px;margin:8px 12px;background:rgba(139,92,246,0.12);border:1.5px solid rgba(139,92,246,0.25);border-radius:20px;backdrop-filter:none}
        .phone-avatar{width:52px;height:52px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
        .phone-profile-info{flex:1}
        .phone-profile-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:2px;letter-spacing:-0.2px}
        .phone-profile-role{font-size:12px;color:#9ca3af;font-weight:500}
        .phone-profile-arrow{font-size:24px;color:#6b7280;font-weight:300}
        
        .phone-cards{padding:8px 12px;display:flex;flex-direction:column;gap:10px}
        .phone-card{display:flex;align-items:center;padding:18px 16px;border-radius:18px;gap:14px;opacity:0;animation:phoneCardIn .5s ease forwards}
        .phone-card-1{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(99,102,241,0.12));border:1.5px solid rgba(139,92,246,0.3);animation-delay:.3s}
        .phone-card-2{background:linear-gradient(135deg,transparent,rgba(34,197,94,0.1));border:1.5px solid transparent;animation-delay:.5s}
        .phone-card-text{flex:1}
        .phone-card-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:3px;letter-spacing:-0.2px}
        .phone-card-sub{font-size:11px;color:#9ca3af;line-height:1.4;font-weight:500}
        .phone-card-icon{font-size:32px}
        @keyframes phoneCardIn{to{opacity:1}}
        
        .phone-stats-row{display:flex;gap:10px;padding:16px 12px;margin-top:auto;margin-bottom:20px}
        .phone-stat-mini{flex:1;text-align:center;padding:14px 8px;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.1);border-radius:14px}
        .phone-stat-num{font-size:20px;font-weight:800;color:#fff;margin-bottom:2px;background:linear-gradient(135deg,#a78bfa,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        .phone-stat-label{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
        
        /* Light theme - Silver iPhone */
        [data-theme="light"] .phone-wrapper::before{background:radial-gradient(circle,rgba(139,92,246,0.12) 0%,transparent 70%)}
        [data-theme="light"] .phone-wrapper::after{background:radial-gradient(circle,transparent 0%,transparent 70%)}
        [data-theme="light"] .phone-device{
            background:linear-gradient(135deg,#3a4a5c 0%,#2d3a48 30%,#252f3a 70%,#2d3a48 100%);
            border-radius:46px;padding:4px;
            border-right:12px solid #1a242c;border-left:2px solid #3a4a5c;border-top:2px solid #3a4a5c;border-bottom:2px solid #1e2830;
            box-shadow:8px 8px 25px rgba(0,0,0,0.4),0 40px 80px rgba(0,0,0,0.3),inset 0 1px 2px rgba(255,255,255,0.15),inset 0 -1px 2px rgba(0,0,0,0.3)}
        [data-theme="light"] .phone-device::before,[data-theme="light"] .phone-device::after{background:linear-gradient(90deg,#1e2830,#2a3640,#1e2830)}
        [data-theme="light"] .phone-btn-power{background:linear-gradient(90deg,#1e2830,#2a3640,#1e2830)}
        [data-theme="light"] .phone-frame{border-radius:43px;background:linear-gradient(120deg,rgba(255,255,255,0.1) 0%,transparent 30%,transparent 70%,rgba(0,0,0,0.15) 100%)}
        [data-theme="light"] .phone-screen{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
        [data-theme="light"] .phone-statusbar{color:#111827}
        [data-theme="light"] .phone-app-header{color:#111827}
        [data-theme="light"] .phone-back{color:var(--violet)}
        [data-theme="light"] .phone-profile{background:rgba(139,92,246,0.06);border-color:rgba(139,92,246,0.1)}
        [data-theme="light"] .phone-profile-name{color:#111827}
        [data-theme="light"] .phone-card-title{color:#111827}
        [data-theme="light"] .phone-card-1{background:rgba(139,92,246,0.08)}
        [data-theme="light"] .phone-card-2{background:transparent}
        [data-theme="light"] .phone-stat-mini{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .phone-content h2{color:#111827}
        [data-theme="light"] .phone-feature{color:#374151}
        [data-theme="light"] .phone-feature-icon{background:rgba(139,92,246,0.08)}
        
        /* === TECH STACK SECTION === */
        .tech-section{max-width:1000px;margin:0 auto;padding:80px 32px 100px;text-align:center}
        .tech-section h2{font-size:32px;font-weight:700;margin-bottom:16px;letter-spacing:-0.5px}
        .tech-section p{font-size:16px;color:var(--mid);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}
        .tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
        .tech-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;background:rgba(20,20,42,0.5);border:1px solid rgba(139,92,246,0.08);border-radius:16px;transition:all .3s;min-width:120px}
        .tech-item:hover{border-color:rgba(139,92,246,0.2);background:rgba(139,92,246,0.05);transform:translateY(-4px)}
        .tech-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px;filter:grayscale(0.3);transition:filter .3s}
        .tech-item:hover .tech-icon{filter:grayscale(0)}
        .tech-icon img{width:40px;height:40px;object-fit:contain}
        .tech-name{font-size:13px;color:var(--mid);font-weight:500}
        
        [data-theme="light"] .tech-item{background:rgba(255,255,255,0.8);border-color:rgba(0,0,0,0.06)}
        [data-theme="light"] .tech-item:hover{background:#fff;border-color:rgba(139,92,246,0.15)}
        [data-theme="light"] .tech-section h2{color:#111827}
        
        /* === END PREMIUM === */
        
/* === CHAT WIDGET === */
@keyframes fabPulse{0%,100%{box-shadow:0 4px 20px rgba(139,92,246,0.4),0 0 0 0 rgba(139,92,246,0.4)}50%{box-shadow:0 4px 20px rgba(139,92,246,0.4),0 0 0 12px rgba(139,92,246,0)}}
.chat-fab{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:none;animation:fabPulse 3s infinite}
.chat-fab::before{content:'';position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#818cf8);z-index:-1;opacity:0;transition:opacity .3s}
.chat-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 32px rgba(139,92,246,0.5)}
.chat-fab:hover::before{opacity:1}
.chat-fab:active{transform:scale(0.95)}
.chat-fab svg{width:26px;height:26px;color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}

/* === TUTORIAL === */
.tut-step{animation:tutFadeIn .3s ease}
@keyframes tutFadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}

/* === FAQ === */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--glass);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-q{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:background .2s}
.faq-q:hover{background:rgba(139,92,246,0.1)}
.faq-arrow{transition:transform .3s;color:var(--dim)}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px;line-height:1.7;color:var(--mid)}
.faq-item.open .faq-a{max-height:200px;padding:0 20px 16px}

/* === PULSE === */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}