free-framework 4.8.7 → 5.0.0

package/templates/app-template/app/controllers/ProductController.free

@@ -0,0 +1,31 @@
+/**
+ * Product Controller (v5.0.0 [Convergence])
+ * Unified Logic for API and Web
+ */
+
+action index {
+    // Laravel-style Collection logic
+    const data = await ORM.all('Product');
+    return { success: true, data };
+}
+
+action show {
+    const item = await ORM.find('Product', { id: params.id });
+    return { success: !!item, data: item };
+}
+
+action store {
+    // Validation logic here
+    const newItem = await ORM.create('Product', body);
+    return { success: true, id: newItem.id };
+}
+
+action update {
+    await ORM.update('Product', { id: params.id }, body);
+    return { success: true };
+}
+
+action delete {
+    await ORM.delete('Product', { id: params.id });
+    return { success: true };
+}

package/templates/app-template/app/models/Product.free

@@ -0,0 +1,12 @@
+// Free Ultra Enterprise Model: Product
+// Optimized for SQLite / ORM v5.0.0
+
+model Product {
+    id integer primary_key autoincrement
+    uuid string unique
+    name string index
+    email string unique
+    status string default('active')
+    created_at timestamp default(now)
+    updated_at timestamp default(now)
+}

package/templates/app-template/public/free-runtime.js

@@ -0,0 +1 @@
+(()=>{var _=(s,i)=>()=>(i||s((i={exports:{}}).exports,i),i.exports);var g=_(()=>{(function(){console.log("\u{1F48E} Free Ultra Engine Activated");let s=document.getElementById("free-app-root"),i=document.createElement("div");i.id="free-loader",Object.assign(i.style,{position:"fixed",top:"0",left:"0",height:"3px",width:"0%",backgroundColor:"#00ff88",zIndex:"10000",transition:"width 0.3s ease, opacity 0.3s ease",boxShadow:"0 0 10px #00ff88"}),document.body.appendChild(i);function f(o){i.style.opacity="1",i.style.width=o+"%",o>=100&&setTimeout(()=>{i.style.opacity="0",setTimeout(()=>i.style.width="0%",300)},300)}async function d(o,t=!0){f(30);try{let e=await fetch(o,{headers:{"X-Free-Partial":"true"}});if(f(70),!e.ok)throw new Error("Navigation failed");let r=await e.json();s.style.opacity="0",s.style.transform="translateY(10px)",s.style.transition="opacity 0.2s ease, transform 0.2s ease",setTimeout(()=>{s.innerHTML=r.content,document.title=r.title,t&&history.pushState({url:o},r.title,o),u(),s.style.opacity="1",s.style.transform="translateY(0)",f(100),window.scrollTo(0,0)},200)}catch(e){console.error("SPA Error:",e),window.location.href=o}}function u(){document.querySelectorAll(".free-component[data-component]").forEach(t=>{if(t.getAttribute("data-hydrated"))return;let e=t.getAttribute("data-component"),r=JSON.parse(t.getAttribute("data-state")||"{}"),a=t.getAttribute("data-free-on-mount"),n=t.getAttribute("data-free-on-destroy");if(a&&window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][a])try{window.__free_actions[e][a](r)}catch(c){console.error(`[onMount] ${e}:`,c)}if(t.querySelectorAll("*").forEach(c=>{for(let l of c.attributes)if(l.name.startsWith("data-on-")){let w=l.name.replace("data-on-",""),m=l.value;c.addEventListener(w,h=>{let y=l.value;if(window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][y])try{window.__free_actions[e][y](r,h),t.setAttribute("data-state",JSON.stringify(r))}catch(p){console.error(`[Action] ${e} (${w}):`,p)}else console.warn(`Missing action handler for ${y} on ${w}`)})}}),t.setAttribute("data-hydrated","true"),n){let c=new MutationObserver(l=>{l.forEach(w=>{w.removedNodes.forEach(m=>{if(m===t){if(window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][n])try{window.__free_actions[e][n](r)}catch(h){console.error(`[onDestroy] ${e}:`,h)}c.disconnect()}})})});c.observe(t.parentNode,{childList:!0})}})}document.addEventListener("click",o=>{let t=o.target.closest("a");if(t&&t.href&&t.href.startsWith(window.location.origin)){let e=new URL(t.href);(e.pathname!==window.location.pathname||e.search!==window.location.search)&&(o.preventDefault(),d(t.href))}}),document.addEventListener("submit",async o=>{let t=o.target;if(t&&t.action&&t.action.startsWith(window.location.origin)){o.preventDefault(),f(30);let e=new FormData(t),r=Object.fromEntries(e.entries());try{let a=await fetch(t.action,{method:t.method||"POST",headers:{"Content-Type":"application/json","X-Free-Partial":"true"},body:JSON.stringify(r),redirect:"follow"});if(f(70),a.redirected){d(a.url);return}if(!a.ok){let n="An error occurred";try{n=(await a.json()).error||n}catch{}t.action.includes("/api/login")?d("/login?error="+encodeURIComponent(n)):d(window.location.pathname+"?error="+encodeURIComponent(n));return}try{let n=await a.json();n&&n.content?(s.style.opacity="0",setTimeout(()=>{s.innerHTML=n.content,n.title&&(document.title=n.title),u(),s.style.opacity="1",f(100)},200)):n&&n.success&&d(window.location.pathname+window.location.search)}catch{window.location.reload()}}catch(a){console.error("Form submit failed:",a),t.submit()}}},!0),window.addEventListener("popstate",o=>{o.state&&o.state.url&&d(o.state.url,!1)}),window.Free={navigate:d,async call(o,t={}){let e=document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");try{let r=await fetch(`/_free/action/${o}`,{method:"POST",headers:{"Content-Type":"application/json","X-CSRF-Token":e},body:JSON.stringify(t)}),a=await r.json();if(!r.ok)throw new Error(a.error||"Action failed");return a}catch(r){throw console.error(`\u274C Action Error [${o}]:`,r.message),r}}},document.readyState==="loading"?document.addEventListener("DOMContentLoaded",u):u()})()});g();})();

package/templates/app-template/resources/components/ProductCard.free

@@ -0,0 +1,16 @@
+/**
+ * Component: ProductCard
+ * High-performance Interactive Island
+ */
+
+component ProductCard {
+    let status = state("idle");
+
+    div class="p-4 border border-zinc-800 rounded-xl" {
+        span { text "Status: " + status }
+        button class="ml-4 px-3 py-1 bg-white text-black text-xs font-bold" 
+                onClick={() => status = "active"} {
+            text "Activate"
+        }
+    }
+}

package/templates/app-template/resources/views/docs.free

@@ -1,30 +1,200 @@
 component Docs {
-    div class="container-pro py-32" {
-        div class="max-w-3xl" {
-            span class="badge-pro mb-4" { text "Documentation" }
-            h1 class="hero-title" { text "Master the Engine." }
-            p class="text-xl text-zinc-400 mb-12 leading-relaxed" {
-                text "Everything you need to build high-performance, enterprise-grade applications with Free Ultra."
+    div class="min-h-screen bg-black text-zinc-300 font-sans selection:bg-white selection:text-black" {
+        // Navigation / Header Space
+        div class="container-pro pt-32 pb-20" {
+            span class="badge-pro mb-4 animate-pulse" { text "v4.8.10 | Cloud Docs" }
+            h1 class="text-6xl md:text-8xl font-black text-white tracking-tighter mb-8 leading-none" {
+                text "Free Ultra"
+                br;
+                span class="text-zinc-700" { text "Documentation" }
+            }
+            p class="text-xl md:text-2xl text-zinc-500 max-w-2xl leading-relaxed mb-12" {
+                text "The complete 'A to Z' guide to mastering the world's fastest Islands Architecture framework."
+            }
+            
+            div class="flex flex-wrap gap-4" {
+                a href="#philosophy" class="btn-pro" { text "Core Philosophy" }
+                a href="#cli" class="btn-outline" { text "CLI Commands" }
+                a href="#vscode" class="btn-outline" { text "VS Code Setup" }
+            }
+        }
+
+        // Content Sections
+        div class="container-pro space-y-32 pb-40" {
+            
+            // 1. Core Philosophy
+            section id="philosophy" {
+                div class="grid md:grid-cols-2 gap-16 items-start" {
+                    div {
+                        h2 class="text-4xl font-bold text-white mb-6 tracking-tight" { text "1. Core Philosophy" }
+                        p class="mb-6 leading-relaxed" {
+                            text "Free Ultra isn't just another framework. It's a high-performance engine built on the principle of "
+                            strong class="text-white" { text "Zero-JS by Default" }
+                            text ". We use "
+                            strong class="text-white" { text "Islands Architecture" }
+                            text " to ensure your pages load instantly while remaining fully interactive."
+                        }
+                        ul class="space-y-4 text-sm" {
+                            li class="flex gap-3" { span class="text-white" { text "•" } text "Blazing-fast SSR powered by HyperExpress." }
+                            li class="flex gap-3" { span class="text-white" { text "•" } text "Selective Hydration: Only JavaScript that's needed enters the browser." }
+                            li class="flex gap-3" { span class="text-white" { text "•" } text "Unified Syntax: The .free language unifies HTML, CSS, and Logic." }
+                        }
+                    }
+                        div class="card-pro bg-zinc-900/20" {
+                            pre {
+                                code {
+                                    text "// Pure Performance\n"
+                                    text "component Fast \{ \n"
+                                    text "  h1 \{ text 'Zero Delay' \}\n"
+                                    text "  // Static by default\n"
+                                    text "\}\n"
+                                }
+                            }
+                        }
+                }
+            }
+
+            // 2. The Free Language
+            section id="language" {
+                h2 class="text-4xl font-bold text-white mb-12 tracking-tight" { text "2. The .free Language" }
+                div class="grid md:grid-cols-3 gap-8" {
+                    div class="card-pro" {
+                        h3 class="text-xl font-bold text-white mb-4" { text "Components" }
+                        p class="text-sm leading-relaxed" {
+                            text "Components are the heart of Free. Defined with the "
+                            code class="text-white" { text "component" }
+                            text " keyword, they encapsulate structure and scoped styling."
+                        }
+                    }
+                    div class="card-pro" {
+                        h3 class="text-xl font-bold text-white mb-4" { text "State Management" }
+                        p class="text-sm leading-relaxed" {
+                            text "Use "
+                            code class="text-white" { text "onMount" }
+                            text " and "
+                            code class="text-white" { text "onDestroy" }
+                            text " to manage lifecycle. Logic is handled in actions that bridge server and client."
+                        }
+                    }
+                    div class="card-pro" {
+                        h3 class="text-xl font-bold text-white mb-4" { text "Partial Rendering" }
+                        p class="text-sm leading-relaxed" {
+                            text "The SPA engine uses partial rendering (X-Free-Partial) to update only the content area, keeping transitions smooth as silk."
+                        }
+                    }
+                }
             }
 
-            div class="grid gap-8" {
-                div class="card-pro" {
-                    h3 class="text-xl font-bold mb-2" { text "Getting Started" }
-                    p class="text-zinc-400" { text "Learn the basics of the .free language and how to ignite your first server." }
+            // 3. Routing & ORM
+            section id="orm" {
+                div class="grid md:grid-cols-2 gap-16" {
+                    div {
+                        h2 class="text-4xl font-bold text-white mb-6 tracking-tight" { text "3. Routing & Logic" }
+                        p class="mb-6" {
+                            text "Routes are separated into "
+                            code class="text-white" { text "web.free" }
+                            text " for HTML pages and "
+                            code class="text-white" { text "api.free" }
+                            text " for JSON endpoints. All logic is handled via high-speed action handlers."
+                        }
+                        div class="card-pro border-zinc-800" {
+                            h4 class="text-white font-bold mb-2" { text "Built-in ORM" }
+                            p class="text-sm" {
+                                text "Zero-config SQLite integration. Run "
+                                code class="text-white" { text "ORM.migrate()" }
+                                text " and your models are ready. No complex drivers or boilerplate needed."
+                            }
+                        }
+                    }
+                    div class="card-pro bg-zinc-950" {
+                        pre {
+                            code {
+                                text "get \"/dashboard\" -> Dashboard\n\n"
+                                text "post \"/api/login\" \{ \n"
+                                text "  const user = await ORM.find('User', \{ email: body.email \});\n"
+                                text "  return \{ success: !!user \};\n"
+                                text "\}"
+                            }
+                        }
+                    }
                 }
-                div class="card-pro" {
-                    h3 class="text-xl font-bold mb-2" { text "Islands Architecture" }
-                    p class="text-zinc-400" { text "Master partial hydration and build interactive UIs that load instantly." }
+            }
+
+            // 4. CLI Power-user
+            section id="cli" {
+                h2 class="text-4xl font-bold text-white mb-12 tracking-tight" { text "4. CLI Power-user Guide" }
+                div class="grid grid-cols-1 md:grid-cols-2 gap-4" {
+                    div class="flex justify-between p-4 border border-zinc-800 rounded-lg hover:border-zinc-600 transition-colors" {
+                        code class="text-white" { text "free serve" }
+                        span class="text-zinc-600 truncate" { text "Ignites development server with HMR" }
+                    }
+                    div class="flex justify-between p-4 border border-zinc-800 rounded-lg hover:border-zinc-600 transition-colors" {
+                        code class="text-white" { text "free make:crud <name>" }
+                        span class="text-zinc-600 truncate" { text "Generates full MVC scaffold" }
+                    }
+                    div class="flex justify-between p-4 border border-zinc-800 rounded-lg hover:border-zinc-600 transition-colors" {
+                        code class="text-white" { text "free doctor" }
+                        span class="text-zinc-600 truncate" { text "Audits and repairs environment" }
+                    }
+                    div class="flex justify-between p-4 border border-zinc-800 rounded-lg hover:border-zinc-600 transition-colors" {
+                        code class="text-white" { text "free bench" }
+                        span class="text-zinc-600 truncate" { text "Runs load tests on your routes" }
+                    }
+                    div class="flex justify-between p-4 border border-zinc-800 rounded-lg hover:border-zinc-600 transition-colors" {
+                        code class="text-white" { text "free route:list" }
+                        span class="text-zinc-600 truncate" { text "Displays all registered endpoints" }
+                    }
                 }
-                div class="card-pro" {
-                    h3 class="text-xl font-bold mb-2" { text "Built-in ORM" }
-                    p class="text-zinc-400" { text "Direct database access with zero boilerplate and maximum type-safety." }
+            }
+
+            // 5. IDE Extensions
+            section id="vscode" {
+                div class="bg-zinc-900/10 border border-zinc-800 rounded-3xl p-12" {
+                    h2 class="text-4xl font-bold text-white mb-8 tracking-tight" { text "5. IDE Ecosystem" }
+                    
+                    div class="grid md:grid-cols-2 gap-12" {
+                        div {
+                            h3 class="text-2xl font-bold text-white mb-4" { text "Visual Studio Code" }
+                            p class="mb-6 text-sm" { text "Get syntax highlighting, auto-completion, and deep linting for .free files." }
+                            div class="space-y-4" {
+                                a href="https://marketplace.visualstudio.com/items?itemName=dev-omartolba.free-vscode" class="block text-zinc-400 hover:text-white transition-colors flex items-center gap-2" {
+                                    text "→ Install from VS Marketplace"
+                                }
+                                a href="https://open-vsx.org/extension/dev-omartolba/free-vscode" class="block text-zinc-400 hover:text-white transition-colors flex items-center gap-2" {
+                                    text "→ Install from Antigravity / Open VSX"
+                                }
+                            }
+                        }
+                        div {
+                            h3 class="text-2xl font-bold text-white mb-4" { text "Manual Installation" }
+                            p class="mb-4 text-xs font-mono uppercase tracking-widest text-zinc-600" { text "Air-gapped Setup" }
+                            div class="card-pro bg-black border-zinc-800 p-6" {
+                                ol class="text-sm space-y-3" {
+                                    li { text "1. Download the .vsix file from GitHub." }
+                                    li { text "2. Open VS Code." }
+                                    li { text "3. Run 'Extensions: Install from VSIX...' command." }
+                                }
+                            }
+                        }
+                    }
                 }
             }
         }
+
+        // Footer
+        footer class="border-t border-zinc-900 py-20" {
+            div class="container-pro text-center" {
+                p class="text-sm text-zinc-600" {
+                    text "Free Ultra Framework © 2026. Built for professionals. "
+                    a href="https://omar-fathy.xyz/free-docs/guide.php" class="text-zinc-400 hover:text-white" { text "Official Encyclopedia" }
+                }
+            </div>
+        }
     }
 
     style {
+        html { scroll-behavior: smooth; }
         .hero-title { background: linear-gradient(to right, #fff, #555); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+        .badge-pro { display: inline-block; }
     }
 }

package/templates/app-template/resources/views/home.free

@@ -1,67 +1,92 @@
 component Home {
-  main class="pt-32 pb-40 overflow-hidden" {
-    // Hero
-    section class="container-pro text-center pt-24 pb-20" {
-      div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-border bg-zinc-900/50 text-[11px] font-bold text-zinc-500 mb-8" {
-        span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" { }
-        text "VERSION 4.8.2 IS NOW LIVE"
-      }
-
-      h1 class="hero-title" { 
-        text "The Engine for"
-        br { }
-        span class="text-zinc-600" { text "High-Performance." }
-      }
-      
-      p class="text-xl md:text-2xl text-zinc-500 max-w-3xl mx-auto mb-12 leading-relaxed font-medium" {
-        text "Experience the future of SSR with Islands Architecture, built-in Reactive state, and Enterprise-grade security. Small footprint, infinite power."
-      }
+  main class="min-h-screen bg-black text-white selection:bg-primary/30" {
+    
+    // Taskfy-themed Aura Background
+    div class="fixed inset-0 pointer-events-none opacity-20 overflow-hidden" {
+        div class="absolute -top-1/4 -left-1/4 w-1/2 h-1/2 bg-primary blur-[160px] rounded-full animate-pulse" { }
+        div class="absolute -bottom-1/4 -right-1/4 w-1/2 h-1/2 bg-blue-600 blur-[160px] rounded-full" { }
+    }
 
-      div class="flex flex-wrap justify-center gap-5" {
-        a href="/docs" class="btn-pro" {
-          text "Get Started"
-          svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" {
-            path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" { }
-          }
-        }
-        a href="https://github.com/dev-omartolba" class="btn-outline" {
-          text "View Source"
+    // Navigation Header
+    header class="fixed top-0 w-full z-50 px-8 py-6 backdrop-blur-md border-b border-white/5" {
+        div class="max-w-7xl mx-auto flex justify-between items-center" {
+            div class="text-xl font-black italic tracking-tighter" {
+                text "FREE "
+                span class="text-primary" { text "ULTRA" }
+            }
+            div class="flex gap-8 items-center text-[10px] font-bold uppercase tracking-widest text-zinc-500" {
+                a href="#" class="hover:text-white transition-colors" { text "Engine" }
+                a href="#" class="hover:text-white transition-colors" { text "Ecosystem" }
+                a href="https://omar-fathy.xyz/free-docs/guide.php" class="px-5 py-2 bg-white text-black rounded-lg hover:bg-primary hover:text-white transition-all shadow-xl shadow-white/5" { 
+                    text "Read Encyclopedia" 
+                }
+            }
         }
-      }
+    }
+
+    // Hero Section: The Taskfy Portal Entrance
+    section class="relative pt-48 pb-32 px-8 overflow-hidden" {
+        div class="max-w-5xl mx-auto text-center relative z-10" {
+            div class="inline-block px-4 py-1 rounded-full bg-primary/20 border border-primary/30 mb-8" {
+                span class="text-[9px] font-black tracking-[.4em] uppercase text-primary" { text "Aura v5.0.0 High-Octane" }
+            }
+            h1 class="text-7xl md:text-9xl font-black tracking-tighter leading-none mb-10" {
+                text "The Taskfy"
+                br { }
+                span class="italic text-transparent bg-clip-text bg-gradient-to-r from-primary to-blue-400" { text "Ecosystem." }
+            }
+            p class="text-xl md:text-2xl text-zinc-500 max-w-3xl mx-auto mb-16 font-medium leading-relaxed" {
+                text "Welcome to the future of high-performance engineering. Free Ultra merges Laravel's elegance, React's reactivity, and Node.js speed into one world-class engine."
+            }
 
-      div class="mt-24 max-w-4xl mx-auto relative" {
-        div class="absolute -inset-1 bg-gradient-to-r from-zinc-800 to-zinc-900 rounded-2xl blur opacity-20" { }
-        pre class="relative" {
-          code { text "$ npx free-framework@latest new my-project" }
+            div class="flex flex-wrap justify-center gap-6" {
+                a href="/taskfy" class="px-10 py-5 bg-primary text-white font-black uppercase tracking-widest text-xs rounded-2xl shadow-2xl shadow-primary/40 hover:scale-105 transition-all" {
+                    text "Enter Portal"
+                }
+                a href="https://github.com/dev-omartolba" class="px-10 py-5 border border-white/10 text-zinc-500 font-bold uppercase tracking-widest text-xs rounded-2xl hover:bg-white/5 transition-all" {
+                    text "Signal Terminal"
+                }
+            }
         }
-      }
     }
 
-    // Features
-    section class="container-pro pt-32" {
-      div class="grid md:grid-cols-3 gap-8" {
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "⚡"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Speed" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Zero-overhead runtime powered by HyperExpress for sub-millisecond responses." }
+    // Infrastructure Visualizer
+    section class="py-32 px-8 relative" {
+        div class="max-w-7xl mx-auto grid md:grid-cols-3 gap-12" {
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all" {
+                div class="text-primary text-4xl mb-6" { text "⚙️" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Convergence Core" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "A unified runtime that automatically optimizes your components using industry-standard patterns from the Big Three." 
+                }
+            }
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all transform md:translate-y-12" {
+                div class="text-primary text-4xl mb-6" { text "🛡️" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Aura Firewall" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "Real-time threat detection and surgical request filtering embedded directly into the framework's heartbeat." 
+                }
+            }
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all" {
+                div class="text-primary text-4xl mb-6" { text "🚀" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Hyper Speed" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "Native Brotli compression and uWebSockets.js integration deliver sub-millisecond response times under heavy load." 
+                }
+            }
         }
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "🏝️"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Islands" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Partial hydration logic that ships minimal JavaScript for maximum SEO benefits." }
-        }
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "🛡️"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Security" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Built-in DDoS protection, CSRF guards, and secure-by-default environment." }
+    }
+
+    footer class="py-20 border-t border-white/5 text-center" {
+        p class="text-[10px] font-black uppercase tracking-[.6em] text-zinc-700" {
+            text "FREE ULTRA © 2026. ALL PROTOCOLS VERIFIED."
         }
-      }
+    }
+
+    style {
+        h1 { text-shadow: 0 20px 80px rgba(59, 130, 246, 0.2); }
+        .bg-primary { background-color: #3b82f6; }
+        .text-primary { color: #3b82f6; }
     }
   }
 }