voice fixes, custom voice for page, upload fixes, layoutbuilder, database extensions

Components/Layout/NavMenu.razor

@@ -1,5 +1,6 @@
 <div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
+    @* <div style="float: left"> *@
         <a class="navbar-brand" href="">BLAIzor</a>
     </div>
 </div>

Components/Pages/AgentTestKids.razor

@@ -35,6 +35,29 @@
             });
         }
     }
+
+    
+
+  const hostSelector = 'elevenlabs-convai'; // Replace with your real tag name
+const targetClass = '_poweredBy_1f9vw_251';  // Replace with your class
+
+const intervalId = setInterval(() => {
+  const host = document.querySelector(hostSelector);
+
+  if (host && host.shadowRoot) {
+    const target = host.shadowRoot.querySelector(`.${targetClass}`);
+    if (target) {
+      target.style.setProperty('display', 'none', 'important');
+      console.log('Element found inside shadow DOM and hidden!');
+      clearInterval(intervalId);
+    } else {
+      console.log('Waiting for target inside shadowRoot...');
+    }
+  } else {
+    console.log('Waiting for host or shadowRoot...');
+  }
+}, 500);
+
 </script>
 
 <script src="https://elevenlabs.io/convai-widget/index.js" async type="text/javascript"></script>
@@ -47,18 +70,20 @@
 
             @if (ImageUrl is not null)
             {
-                <div class="mt-5">
+                    <div class="mt-5">
-                    <img class="illustration" src="@ImageUrl"/>
+                        <img class="illustration" src="@ImageUrl"/>
-                </div>
+                    </div>
             }
             @if (IsLoading)
             {
-                <p>🎨 Kép készül... kis türelmet kérek!</p>
+                    <p>🎨 Kép készül... kis türelmet kérek!</p>
             }
         </article>
     </main>
 </div>
 
+
+
 @code {
     private string Menu = "Tanulás, Gyakorlás, Tesztelés, Vizsgázás";
 

Components/Pages/Index.razor

@@ -28,7 +28,7 @@
     <NavMenu MenuString="@Menu" OnMenuClicked=@MenuClick></NavMenu>
     <main>
 
-        <article class="content container text-center" style="position: relative; z-index: 4;">
+        <article class="content text-center" style="position: relative; z-index: 4;">
             <PageTitle>Home</PageTitle>
             <VideoComponent SelectedBrandName="@selectedBrandName" />
             @* <HeadContent>
@@ -63,7 +63,17 @@
 
                             if(TTSEnabled)
                             {
-                                <button class="btn btn-primary voicebutton" @onclick="MuteAI"><i class="fa-solid fa-volume-high"></i></button>
+                                if (!AiVoicePermitted)
+                                {
+                                    <button data-hint="listen" class="btn btn-primary voicebutton" @onclick="AllowAIVoice">
+                                        <i class="fa-solid fa-volume-xmark"></i>
+
+                                    </button>
+                                }
+                                else
+                                {
+                                    <button data-hint="listen" class="btn btn-primary voicebutton" @onclick="MuteAI"><i class="fa-solid fa-volume-high"></i></button>
+                                }
                                 <audio id="audioPlayer" hidden style="display: none;"></audio>
                             }
                         }
@@ -78,7 +88,7 @@
             </div>
 
             <p id="recordingText"></p>
-            <div class="row" id="currentContent">
+            <div id="currentContent">
                 @{
                     if (!string.IsNullOrEmpty(HtmlContent.ToString()))
                     {
@@ -184,22 +194,27 @@
     private bool STTEnabled;
     private bool _initVoicePending = false;
     private bool welcomeStage = true;
+    private bool AiVoicePermitted = false;
 
 
     private string GetApiKey() =>
             configuration?.GetSection("ElevenLabsAPI")?.GetValue<string>("ApiKey") ?? string.Empty;
 
 
+    private void AllowAIVoice()
+    {
+        AiVoicePermitted = true;
+    }
     private void MuteAI()
     {
-        TTSEnabled = false;
+        AiVoicePermitted = false;
     }
 
     private async Task ConvertTextToSpeech()
     {
         // string plainText = WebUtility.HtmlDecode(HtmlContent.ToString());
 
-        if (string.IsNullOrWhiteSpace(TextContent) || VoiceEnabled == false || TTSEnabled == false || welcomeStage)
+        if (string.IsNullOrWhiteSpace(TextContent) || VoiceEnabled == false || TTSEnabled == false || welcomeStage || !AiVoicePermitted)
             return;
 
         Console.WriteLine("------------------------------OMGOMGOMG TTS call!!!!-------------");
@@ -218,7 +233,15 @@
         };
 
         var requestJson = JsonSerializer.Serialize(requestContent);
-        string voiceId = "rE22Kc7UGoQj4zdHNYvd";
+        string voiceId;
+        if(SiteInfo.voiceId != null)
+        {
+            voiceId = SiteInfo.voiceId;
+        }
+        else
+        {
+            voiceId = "rE22Kc7UGoQj4zdHNYvd";            
+        }
         // string voiceId = "yyPLNYHg3CvjlSdSOdLh";
 
         var httpRequest = new HttpRequestMessage(HttpMethod.Post, $"https://api.elevenlabs.io/v1/text-to-speech/{voiceId}/stream")

Components/Pages/ManageSiteInfo.razor

@@ -17,7 +17,7 @@
         <InputText class="form-control my-3" id="siteName" @bind-Value="siteInfo.SiteName" />
     </label>
     <label>
-        Brand name:
+        Site description:
         <InputText class="form-control my-3" id="siteDescription" @bind-Value="siteInfo.SiteDescription" />
     </label>
     <label>
@@ -28,6 +28,10 @@
         Default color
         <InputText class="form-control my-3" id="defaultColor" @bind-Value="siteInfo.DefaultColor" />
     </label>
+    <label>
+        Entity
+        <InputText class="form-control my-3" id="defaultColor" @bind-Value="siteInfo.Entity" />
+    </label>
     <label>
         Your domain url
         <InputText class="form-control my-3" id="domainUrl" @bind-Value="siteInfo.DomainUrl" />

Components/Pages/Preview.razor

@@ -28,7 +28,7 @@
     <NavMenu MenuString="@Menu" OnMenuClicked=@MenuClick></NavMenu>
     <main>
 
-        <article class="content container text-center" style="position: relative; z-index: 4;">
+        <article class="content text-center" style="position: relative; z-index: 4;">
             <PageTitle>Home</PageTitle>
             <VideoComponent SelectedBrandName="@selectedBrandName" />
             @* <HeadContent>
@@ -66,7 +66,16 @@
 
                             if(TTSEnabled)
                             {
-                                <button data-hint="listen" class="btn btn-primary voicebutton" @onclick="ConvertTextToSpeech"><i class="fa-solid fa-volume-high"></i></button>
+                                if(!AiVoicePermitted)
+                                {
+                                    <button data-hint="listen" class="btn btn-primary voicebutton" @onclick="AllowAIVoice"><i class="fa-solid fa-volume-xmark"></i>
+
+                                    </button>
+                                }
+                                else
+                                {
+                                    <button data-hint="listen" class="btn btn-primary voicebutton" @onclick="MuteAI"><i class="fa-solid fa-volume-high"></i></button>
+                                }
                                 <audio id="audioPlayer" hidden style="display: none;"></audio>
                             }
                             
@@ -84,7 +93,7 @@
 
             <p id="recordingText"></p>
 
-            <div class="row" id="currentContent">
+            <div id="currentContent">
                 @{
                     if (!string.IsNullOrEmpty(HtmlContent.ToString()))
                     {
@@ -149,12 +158,12 @@
 
 <script>
     function openContactForm(emailAddress) {
-    console.log(emailAddress);
+        console.log(emailAddress);
 
-    if (emailAddress) {
+        if (emailAddress) {
-    DotNet.invokeMethodAsync('BLAIzor', 'OpenEmailForm3', emailAddress)
+        DotNet.invokeMethodAsync('BLAIzor', 'OpenEmailForm3', emailAddress)
 
-    }
+        }
     }
 </script>
 
@@ -191,20 +200,25 @@
     private bool STTEnabled;
     private bool _initVoicePending = false; 
     private bool welcomeStage = true;
+    private bool AiVoicePermitted = false;
 
     private string GetApiKey() =>
             configuration?.GetSection("ElevenLabsAPI")?.GetValue<string>("ApiKey") ?? string.Empty;
 
+    private void AllowAIVoice()
+    {
+        AiVoicePermitted = true;
+    }
     private void MuteAI()
     {
-        TTSEnabled = false;
+        AiVoicePermitted = false;
     }
 
     private async Task ConvertTextToSpeech()
     {
         // string plainText = WebUtility.HtmlDecode(HtmlContent.ToString());
 
-        if (string.IsNullOrWhiteSpace(TextContent) || VoiceEnabled == false || TTSEnabled == false || welcomeStage)
+        if (string.IsNullOrWhiteSpace(TextContent) || VoiceEnabled == false || TTSEnabled == false || welcomeStage || !AiVoicePermitted)
             return;
 
         Console.WriteLine("------------------------------OMGOMGOMG TTS call!!!!-------------");
@@ -223,7 +237,15 @@
         };
 
         var requestJson = JsonSerializer.Serialize(requestContent);
-        string voiceId = "rE22Kc7UGoQj4zdHNYvd";
+        string voiceId;
+        if (SiteInfo.voiceId != null)
+        {
+            voiceId = SiteInfo.voiceId;
+        }
+        else
+        {
+            voiceId = "rE22Kc7UGoQj4zdHNYvd";
+        }
         // string voiceId = "yyPLNYHg3CvjlSdSOdLh";
 
         var httpRequest = new HttpRequestMessage(HttpMethod.Post, $"https://api.elevenlabs.io/v1/text-to-speech/{voiceId}/stream")

Components/Pages/Sites.razor

@@ -12,9 +12,9 @@
 @inject CustomAuthenticationStateProvider CustomAuthProvider
 @inject IJSRuntime JSRuntime
 
-<h3>Your Sites</h3>
+<h1>Your Sites</h1>
 <div class="row g-0">
-    <RadzenPanel Collapsed="true" AllowCollapse="true" class="rz-my-10 rz-mx-auto" Style="width: 100%"
+    <RadzenPanel Collapsed="true" AllowCollapse="true" class="rz-my-5 rz-mx-auto" Style="width: 100%"
                  Expand=@(() => Change("Panel expanded")) Collapse=@(() => Change("Panel collapsed"))>
         <HeaderTemplate>
             <RadzenText TextStyle="TextStyle.H6" class="rz-display-flex rz-align-items-center rz-m-0">
@@ -43,6 +43,10 @@
                             <label for="domainUrl">Domain URL</label>
                             <InputText id="domainUrl" placeholder="Domain url" class="form-control" @bind-Value="newSite.DomainUrl" />
                         </div>
+                        <div class="col-12 col-md-12 mb-3">
+                            <label for="siteName" class="form-label">Site description</label>
+                            <InputText id="siteDescription" placeholder="A description so AI will know what is this site about" class="form-control" @bind-Value="newSite.SiteDescription" />
+                        </div>
                     </div>
 
                     <button type="submit" class="btn btn-primary">Create Site</button>
@@ -58,11 +62,11 @@
     @if (siteInfoList.Any())
     {
 
-        <RadzenPanel AllowCollapse="true" class="rz-my-10 rz-mx-auto" Style="width: 100%"
+        <RadzenPanel AllowCollapse="true" class="rz-my-5 rz-mx-auto" Style="width: 100%"
                      Expand=@(() => Change("Panel expanded")) Collapse=@(() => Change("Panel collapsed"))>
             <HeaderTemplate>
                 <RadzenText TextStyle="TextStyle.H6" class="rz-display-flex rz-align-items-center rz-m-0">
-                    <RadzenIcon Icon="account_box" class="rz-me-1" /><b>Your sites</b>
+                    <RadzenIcon Icon="account_box" class="rz-me-1" /><b>Sites created</b>
                 </RadzenText>
             </HeaderTemplate>
             <ChildContent>

Components/Partials/NavMenu.razor

@@ -10,7 +10,8 @@
 
 @* <nav class="navbar navbar-expand-lg bg-body-tertiary" style="z-index: 5"> *@
 <nav class="navbar fixed-top" style="z-index: 5">
-    <div class="container-fluid">
+    @* <div class="container-fluid"> *@
+        <div style="--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto;">
         @{
             var brandFileName = _scopedContentService.SelectedDocument;
             var brandName = _scopedContentService.SelectedBrandName;
@@ -23,14 +24,14 @@
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                 @{
-                    if(MenuList != null)
+                    if (MenuList != null)
-                    {                        
+                    {
-                        foreach(var menu in MenuList)
+                        foreach (var menu in MenuList)
                         {
 
-                            <li class="nav-item">
+                                        <li class="nav-item">
-                                <a class="nav-link active" aria-current="page" @onclick="()=>MenuClickedAsync(menu)">@menu</a>
+                                            <a class="nav-link active" aria-current="page" @onclick="()=>MenuClickedAsync(menu)">@menu</a>
-                            </li>
+                                        </li>
                         }
                     }
                 }
@@ -44,7 +45,7 @@
                 <option value="">Lang</option>
                 @foreach (var Language in Languages)
                 {
-                    <option value="@Language">@Language</option>
+                        <option value="@Language">@Language</option>
                 }
             </select>
         </div>
@@ -98,12 +99,12 @@
 
     protected override async Task OnParametersSetAsync()
     {
-        if(!string.IsNullOrEmpty(MenuString))
+        if (!string.IsNullOrEmpty(MenuString))
-        {            
+        {
             MenuList = MenuString.Split(",");
         }
         await base.OnParametersSetAsync();
-    }    
+    }
 
     public void OnLanguageSelected(ChangeEventArgs e)
     {

Migrations/20250602055410_addVoiceInformation.Designer.cs

@@ -0,0 +1,637 @@
+// <auto-generated />
+using System;
+using BLAIzor.Data;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Metadata;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+
+#nullable disable
+
+namespace BLAIzor.Migrations
+{
+    [DbContext(typeof(ApplicationDbContext))]
+    [Migration("20250602055410_addVoiceInformation")]
+    partial class addVoiceInformation
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "9.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 128);
+
+            SqlServerModelBuilderExtensions.UseIdentityColumns(modelBuilder);
+
+            modelBuilder.Entity("BLAIzor.Models.CssTemplate", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("CssContent")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<int>("DesignTemplateId")
+                        .HasColumnType("int");
+
+                    b.Property<DateTime>("LastUpdated")
+                        .HasColumnType("datetime2");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("DesignTemplateId")
+                        .IsUnique();
+
+                    b.ToTable("CssTemplates");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.DesignTemplate", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime2");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("IsDeprecated")
+                        .HasColumnType("bit");
+
+                    b.Property<bool>("IsPrivate")
+                        .HasColumnType("bit");
+
+                    b.Property<bool>("IsPublished")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("QDrandCollectionName")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Status")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Tags")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("TemplateName")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("TemplatePhotoUrl")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<DateTime?>("UpdatedAt")
+                        .HasColumnType("datetime2");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<int>("Version")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("DesignTemplates");
+
+                    b.HasData(
+                        new
+                        {
+                            Id = 1,
+                            CreatedAt = new DateTime(1, 1, 1, 0, 0, 0, 0, DateTimeKind.Unspecified),
+                            Description = "The default template",
+                            IsDeprecated = false,
+                            IsPrivate = false,
+                            IsPublished = false,
+                            QDrandCollectionName = "html_snippets",
+                            Status = "Draft",
+                            Tags = "system",
+                            TemplateName = "Default Site",
+                            TemplatePhotoUrl = "/images/default-logo.png",
+                            UserId = "0988758e-e16c-4c2c-8c1e-efa3ac5f0274",
+                            Version = 1
+                        });
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.FormDefinition", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("datetime2");
+
+                    b.Property<string>("Description")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("JsonDefinition")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<int>("SiteInfoId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("Slug")
+                        .IsRequired()
+                        .HasMaxLength(100)
+                        .HasColumnType("nvarchar(100)");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasMaxLength(100)
+                        .HasColumnType("nvarchar(100)");
+
+                    b.Property<int>("Version")
+                        .HasColumnType("int");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("SiteInfoId", "Slug")
+                        .IsUnique();
+
+                    b.ToTable("FormDefinitions");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.MenuItem", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<int>("PointId")
+                        .HasColumnType("int");
+
+                    b.Property<Guid?>("QdrantPointId")
+                        .HasColumnType("uniqueidentifier");
+
+                    b.Property<bool>("ShowInMainMenu")
+                        .HasColumnType("bit");
+
+                    b.Property<int>("SiteInfoId")
+                        .HasColumnType("int");
+
+                    b.Property<int>("SortOrder")
+                        .HasColumnType("int");
+
+                    b.Property<string>("StoredHtml")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("SiteInfoId");
+
+                    b.ToTable("MenuItems");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.SiteInfo", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("BrandLogoUrl")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("DefaultColor")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("DefaultUrl")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("DomainUrl")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Entity")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("IsPublished")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("Persona")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("STTActive")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("SiteDescription")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("SiteName")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("TTSActive")
+                        .HasColumnType("bit");
+
+                    b.Property<int?>("TemplateId")
+                        .HasColumnType("int");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<string>("voiceId")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("TemplateId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("SiteInfos");
+
+                    b.HasData(
+                        new
+                        {
+                            Id = 1,
+                            BrandLogoUrl = "/images/default-logo.png",
+                            DefaultColor = "#FFFFFF",
+                            DefaultUrl = "https://ai.poppixel.cloud",
+                            DomainUrl = "poppixel.cloud",
+                            IsPublished = false,
+                            STTActive = false,
+                            SiteName = "Default Site",
+                            TTSActive = false,
+                            TemplateId = 1,
+                            UserId = "0988758e-e16c-4c2c-8c1e-efa3ac5f0274"
+                        });
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRole", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Name")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.Property<string>("NormalizedName")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedName")
+                        .IsUnique()
+                        .HasDatabaseName("RoleNameIndex")
+                        .HasFilter("[NormalizedName] IS NOT NULL");
+
+                    b.ToTable("AspNetRoles", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("RoleId")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(450)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetRoleClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUser", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<int>("AccessFailedCount")
+                        .HasColumnType("int");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("Email")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.Property<bool>("EmailConfirmed")
+                        .HasColumnType("bit");
+
+                    b.Property<bool>("LockoutEnabled")
+                        .HasColumnType("bit");
+
+                    b.Property<DateTimeOffset?>("LockoutEnd")
+                        .HasColumnType("datetimeoffset");
+
+                    b.Property<string>("NormalizedEmail")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.Property<string>("NormalizedUserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.Property<string>("PasswordHash")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("PhoneNumber")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("PhoneNumberConfirmed")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("SecurityStamp")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<bool>("TwoFactorEnabled")
+                        .HasColumnType("bit");
+
+                    b.Property<string>("UserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("nvarchar(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedEmail")
+                        .HasDatabaseName("EmailIndex");
+
+                    b.HasIndex("NormalizedUserName")
+                        .IsUnique()
+                        .HasDatabaseName("UserNameIndex")
+                        .HasFilter("[NormalizedUserName] IS NOT NULL");
+
+                    b.ToTable("AspNetUsers", (string)null);
+
+                    b.HasData(
+                        new
+                        {
+                            Id = "0988758e-e16c-4c2c-8c1e-efa3ac5f0274",
+                            AccessFailedCount = 0,
+                            ConcurrencyStamp = "a2836246-0303-4370-b283-e53a9a3f2813",
+                            Email = "adam.g@aycode.com",
+                            EmailConfirmed = true,
+                            LockoutEnabled = false,
+                            NormalizedEmail = "ADAM.G@AYCODE.COM",
+                            NormalizedUserName = "ADAM.G@AYCODE.COM",
+                            PasswordHash = "AQAAAAIAAYagAAAAEChxKCu+ReGvcZFR/6kPASbpnQdMp1MJuepeRyR4bfHTkUk8SfNAqmckGXvuw+GaGA==",
+                            PhoneNumberConfirmed = false,
+                            SecurityStamp = "7ecf121a-b0e7-4e30-a1f1-299eeaf0a9cc",
+                            TwoFactorEnabled = false,
+                            UserName = "adam.g@aycode.com"
+                        });
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("int");
+
+                    SqlServerPropertyBuilderExtensions.UseIdentityColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(450)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.Property<string>("LoginProvider")
+                        .HasMaxLength(128)
+                        .HasColumnType("nvarchar(128)");
+
+                    b.Property<string>("ProviderKey")
+                        .HasMaxLength(128)
+                        .HasColumnType("nvarchar(128)");
+
+                    b.Property<string>("ProviderDisplayName")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("nvarchar(450)");
+
+                    b.HasKey("LoginProvider", "ProviderKey");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserLogins", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<string>("RoleId")
+                        .HasColumnType("nvarchar(450)");
+
+                    b.HasKey("UserId", "RoleId");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetUserRoles", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("nvarchar(450)");
+
+                    b.Property<string>("LoginProvider")
+                        .HasMaxLength(128)
+                        .HasColumnType("nvarchar(128)");
+
+                    b.Property<string>("Name")
+                        .HasMaxLength(128)
+                        .HasColumnType("nvarchar(128)");
+
+                    b.Property<string>("Value")
+                        .HasColumnType("nvarchar(max)");
+
+                    b.HasKey("UserId", "LoginProvider", "Name");
+
+                    b.ToTable("AspNetUserTokens", (string)null);
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.CssTemplate", b =>
+                {
+                    b.HasOne("BLAIzor.Models.DesignTemplate", "DesignTemplate")
+                        .WithOne("CssTemplate")
+                        .HasForeignKey("BLAIzor.Models.CssTemplate", "DesignTemplateId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("DesignTemplate");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.DesignTemplate", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.FormDefinition", b =>
+                {
+                    b.HasOne("BLAIzor.Models.SiteInfo", "SiteInfo")
+                        .WithMany("FormDefinitions")
+                        .HasForeignKey("SiteInfoId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("SiteInfo");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.MenuItem", b =>
+                {
+                    b.HasOne("BLAIzor.Models.SiteInfo", "SiteInfo")
+                        .WithMany("MenuItems")
+                        .HasForeignKey("SiteInfoId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("SiteInfo");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.SiteInfo", b =>
+                {
+                    b.HasOne("BLAIzor.Models.DesignTemplate", "Template")
+                        .WithMany("Sites")
+                        .HasForeignKey("TemplateId")
+                        .OnDelete(DeleteBehavior.Restrict);
+
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Template");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.DesignTemplate", b =>
+                {
+                    b.Navigation("CssTemplate")
+                        .IsRequired();
+
+                    b.Navigation("Sites");
+                });
+
+            modelBuilder.Entity("BLAIzor.Models.SiteInfo", b =>
+                {
+                    b.Navigation("FormDefinitions");
+
+                    b.Navigation("MenuItems");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}

Migrations/20250602055410_addVoiceInformation.cs

@@ -0,0 +1,55 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace BLAIzor.Migrations
+{
+    /// <inheritdoc />
+    public partial class addVoiceInformation : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "Entity",
+                table: "SiteInfos",
+                type: "nvarchar(max)",
+                nullable: true);
+
+            migrationBuilder.AddColumn<string>(
+                name: "Persona",
+                table: "SiteInfos",
+                type: "nvarchar(max)",
+                nullable: true);
+
+            migrationBuilder.AddColumn<string>(
+                name: "voiceId",
+                table: "SiteInfos",
+                type: "nvarchar(max)",
+                nullable: true);
+
+            migrationBuilder.UpdateData(
+                table: "SiteInfos",
+                keyColumn: "Id",
+                keyValue: 1,
+                columns: new[] { "Entity", "Persona", "voiceId" },
+                values: new object[] { null, null, null });
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "Entity",
+                table: "SiteInfos");
+
+            migrationBuilder.DropColumn(
+                name: "Persona",
+                table: "SiteInfos");
+
+            migrationBuilder.DropColumn(
+                name: "voiceId",
+                table: "SiteInfos");
+        }
+    }
+}

Migrations/ApplicationDbContextModelSnapshot.cs

@@ -225,9 +225,15 @@ namespace BLAIzor.Migrations
                         .IsRequired()
                         .HasColumnType("nvarchar(max)");
 
+                    b.Property<string>("Entity")
+                        .HasColumnType("nvarchar(max)");
+
                     b.Property<bool>("IsPublished")
                         .HasColumnType("bit");
 
+                    b.Property<string>("Persona")
+                        .HasColumnType("nvarchar(max)");
+
                     b.Property<bool>("STTActive")
                         .HasColumnType("bit");
 
@@ -247,6 +253,9 @@ namespace BLAIzor.Migrations
                         .IsRequired()
                         .HasColumnType("nvarchar(450)");
 
+                    b.Property<string>("voiceId")
+                        .HasColumnType("nvarchar(max)");
+
                     b.HasKey("Id");
 
                     b.HasIndex("TemplateId");

Models/HtmlSnippet.cs

@@ -18,7 +18,9 @@
         public string Tags { get; set; }
         public string Type { get; set; } // e.g. "article", "form", "gallery"
         public string? Variant { get; set; } // 👈 NEW: e.g. "image-left", "image-right", "no-image"
-        public string SampleHtml { get; set; }        
+        public string SampleHtml { get; set; } //for design purposes
+        public List<string> Slots { get; set; }  // e.g. ["title", "subtitle", "image", "cta"]
+
     }
 
 }

Models/LayoutBlock.cs

@@ -0,0 +1,28 @@
+namespace BLAIzor.Models
+{
+    public class LayoutBlock
+    {
+        public string Type { get; set; } // e.g. "hero", "article", "gallery", "testimonial"
+        public string? Variant { get; set; } // e.g. "image-left", "image-right", "no-image"
+
+        public List<string> RequiredSlots { get; set; } // e.g. ["title", "text", "image", "cta"]
+
+        public Dictionary<string, string> ContentMap { get; set; }
+        // Maps slot names to content IDs or keys, e.g. { "title": "main_heading", "image": "img_1" }
+
+        public int? PreferredSnippetId { get; set; }
+        // Optional: used if a perfect match snippet is found or AI prefers one
+
+        //public string? BootstrapStructure { get; set; }
+        // Optional: e.g. "row-cols-2", "container-fluid py-5"
+
+        public string RawContent { get; set; } = string.Empty;
+
+        public int Order { get; set; }
+        // The position of the block in the layout
+
+        public string? Notes { get; set; }
+        // Optional field for AI hints, comments, or debug info
+    }
+    
+}

Models/LayoutPlan.cs

@@ -0,0 +1,8 @@
+namespace BLAIzor.Models
+{
+    public class LayoutPlan
+    {
+        public string Title { get; set; }
+        public List<LayoutBlock> Blocks { get; set; } = new();
+    }
+}

Models/SiteInfo.cs

@@ -27,6 +27,10 @@ namespace BLAIzor.Models
         public int? TemplateId { get; set; }
         public bool TTSActive { get; set; } = false;
         public bool STTActive { get; set; } = false;
+        public string? voiceId { get; set; }
+        public string? Persona { get; set; }
+        public string? Entity { get; set; }
+
 
         // Navigation property for IdentityUser
         public IdentityUser User { get; set; }

wwwroot/main.css

@@ -1,6 +1,14 @@
 /*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
 
+.rz-panel {
+    --rz-panel-padding: 0.6rem !important;    
+}
+
+.rz-accordion .rz-accordion-header > a {
+    --rz-accordion-item-padding-block: 0.6rem !important;
+}
+
 ._poweredBy_1f9vw_251 {
     display: none !important;
 }
@@ -261,3 +269,83 @@ ul {
 .rz-html-editor {
     background-color: transparent !important;
 }
+
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 {
+        font-size: 2rem;
+    }
+
+    h2 {
+        font-size: 1.6rem;
+    }
+
+    h3 {
+        font-size: 1.4rem;
+    }
+
+    p, li {
+        font-size: 1rem;
+    }
+
+    .navbar-collapse .nav-link {
+        font-size: 1.1rem;
+    }
+
+    p {
+        text-align: justify;
+    }
+}
+
+@media (max-width: 480px) {
+    h1 {
+        font-size: 1.6rem;
+    }
+
+    h2 {
+        font-size: 1.3rem;
+    }
+
+    h3 {
+        font-size: 1.1rem;
+    }
+
+    p, li {
+        font-size: 0.95rem;
+    }
+
+    .navbar-collapse .nav-link {
+        font-size: 1rem;
+    }
+
+    p {
+        text-align: justify;
+    }
+}

wwwroot/temp/style_2fd95e71.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_3845bc26.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_4ee82aa9.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_54967dd0.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_7ac1c30c.css

@@ -3,11 +3,6 @@
 
 /*search*/
 
-
-p {
-    font-size: x-large;
-}
-
 li {
    list-style: none;
 }
@@ -19,8 +14,15 @@ label {
 
 .img-fluid {
     max-height: 50vh;
-    width: auto;
+    width: auto;   
-    border-radius: 5px;
+    
+}
+
+.pop-img {
+    border-radius: 10px !important;
+    border-color: white;
+    border-width: 1px;
+    border-style: solid;
 }
 
 .card-img-top {
@@ -499,4 +501,36 @@ body {
 
 .row {
     margin-bottom: 10px;
+}
+
+h1 {
+   color: #64CCC5;
+}
+
+p {
+   color: #EEEEEE;
+   font-size: 1,1rem;
+}
+.container-fluid {
+   margin-bottom:20px;
+   padding: 20px;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
 }

wwwroot/temp/style_7fd361e7.css

@@ -0,0 +1,536 @@
+/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
+
+/*search*/
+
+li {
+   list-style: none;
+}
+
+label {
+    color: #000;
+    /* display: none; */
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;   
+    
+}
+
+.pop-img {
+    border-radius: 10px !important;
+    border-color: white;
+    border-width: 1px;
+    border-style: solid;
+}
+
+.card-img-top {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 5px;
+}
+
+.btn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    width: fit-content;
+    font-weight: bold;
+    transition: all 0.2s ease;    
+    margin: 15px;    
+}
+
+.voicebutton {
+    border-radius: 50% !important;
+    padding: 10px !important;
+    width: 40px;
+    height:40px;
+}
+
+.menubtn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    /* width: 98%; */
+    font-weight: bold;
+    border-radius: 20px;
+    height: 40px;
+    transition: all 0.2s ease;
+    padding: 10px;
+    margin: 10px;
+}
+
+    .btn:active {
+        background: rgba(255, 255, 255, 1);
+    }
+
+    .btn:hover {
+        background: rgba(255, 255, 255, 0.8);
+    }
+
+img {
+    border-radius: 20px !important;
+}
+
+
+input.search_bar{
+    border: none;
+    outline: none;
+    width: 75px;
+    border-radius: 55px;
+    margin: 0 auto;
+    font-size: 1.3em;
+    color: #0d2840;
+    padding: 15px 30px 15px 45px;
+    transition: all .3s cubic-bezier(0,0,.5,1.5);
+    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
+    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
+}
+
+    input.search_bar:focus{
+        width: 100%;
+        background-position: calc(100% - 35px) center
+    }
+
+/*Removes default x in search fields (webkit only i guess)*/
+input[type=search]::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
+/*Changes the color of the placeholder*/
+::-webkit-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+::-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-ms-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+/*search*/
+
+/*Search2*/
+.searchBox {
+    width: 60px;
+    background: rgba(255, 255, 255, 0.3);
+    height: 60px;
+    border-radius: 40px;
+    padding: 10px;
+    margin: 0 auto;
+    transition: 0.8s;
+}
+
+.searchInput:active > .searchBox{
+    width:100%
+}
+.searchInput:focus > .searchBox {
+    width: 100%
+}
+
+.searchInput::placeholder {
+   color:#fff;
+}
+
+.searchBox:hover {   
+    width: 100%;    
+}    
+
+    .searchBox:hover > .searchInput {
+        width: calc(100% - 60px);
+        padding: 0 6px;
+    }
+
+    .searchBox:hover > .searchButton {
+        background: white;
+        color: #2f3640;
+    }
+
+.searchButton {
+    color: white;
+    float: right;
+    width: 40px;
+    height: 40px;
+    border-radius: 50px;
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.searchInput {
+    border: none;
+    background: none;
+    outline: none;
+    font-size: 1.3em !important;
+    color: #0d2840 !important;
+    float: left;
+    padding: 0;
+    color: white;
+    font-size: 16px;
+    transition: 0.4s;
+    line-height: 40px;
+    width: 0px;
+}
+
+/*Search2*/
+
+
+.event {
+    border-radius: 20px !important;    
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+/*card design*/
+.card {
+    border-radius: 20px !important;
+    overflow: hidden;
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+    .card:hover {
+        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
+    }
+
+.card-body .card-title {
+    font-family: 'Lato', sans-serif;
+    font-weight: 700;
+    letter-spacing: 0.3px;
+    font-size: 24px;
+    color: #121212;
+}
+
+.card-text {
+    font-family: 'Lato', sans-serif;
+    font-weight: 400;
+    font-size: 15px;
+    letter-spacing: 0.3px;
+    color: #4E4E4E;
+}
+
+.card .container {
+    width: 88%;
+    /*background: #F0EEF8;*/
+    border-radius: 30px;
+    /*height: 140px;*/
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container:hover > img {
+    transform: scale(1.2);
+}
+
+.container img {
+    /*padding: 75px;*/
+    /*margin-top: -40px;
+    margin-bottom: -40px;*/
+    transition: 0.4s ease;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+
+.btn:focus {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+/*card design*/
+
+/*bg*/
+
+
+:root {
+    font-size: 15px;
+}
+
+body {
+    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
+    /*font-family: 'Quicksand', sans-serif;*/
+    color: #fff !important;
+    margin: 0;
+    min-height: 100vh;
+    background-color: #000;
+    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
+    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
+    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
+    background-repeat: no-repeat;
+    /*animation: 10s movement linear infinite;*/
+}
+
+    body::after {
+        content: '';
+        display: block;
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+.myspan {
+    position: relative;
+    z-index: 10;
+    display: flex;
+    min-height: 100vh;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    font-size: 5rem;
+    color: transparent;
+    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
+    letter-spacing: .2rem;
+}
+
+@keyframes movement {
+    0%, 100% {
+        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    }
+
+    25% {
+        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
+        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
+    }
+
+    50% {
+        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
+        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
+    }
+
+    75% {
+        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
+        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
+    }
+}
+
+
+/*bg*/
+
+.mytextarea {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(20px);
+    padding: 10px;
+    border-radius: 10px;
+    border-width: 0px;
+    height: unset !important;
+}
+
+    .mytextarea:active {
+        border-width: 0px;
+    }
+
+    .mytextarea:focus-visible {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-width: 0px !important;
+        outline: -webkit-focus-ring-color auto 0px;
+        outline-color: transparent;
+    }
+
+.navbar-toggler {    
+    color: #fff;
+}
+
+.navbar-brand {
+    font-size: 1.7rem;
+    color:#fff;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+    .form-select > option {
+        background-color: rgba(255, 255, 255, 0.2)
+    }
+
+.contactform-overlay {
+    position: fixed;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    padding: 100px;
+    top: 0px;
+    left: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.form-control {
+    background-color: rgba(255,255,255,0.4);
+    border-radius: 5px;
+    height: 50px;
+}
+.form-control::placeholder {
+   color:#fff;
+}
+
+.contactform-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.contactform-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.contactform-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+.calendly-overlay {
+    position: absolute;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    top: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.calendly-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.calendly-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.calendly-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    opacity: 0.2;
+}
+
+.table {
+    color: #fff !important;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: transparent;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    /*display: flex;
+    align-items: center;
+    justify-content: center;*/
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.5em;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    border-bottom: 0px solid white;
+    padding: 0.2em 4em;
+}
+
+.navbar {
+   background-color: #040206;
+   color: #fff;
+}
+
+.nav-link {
+    color: #fff !important;
+}
+
+.content {
+   top: 60px; 
+}
+
+.row {
+    margin-bottom: 10px;
+}
+
+h1 {
+   color: #64CCC5;
+}
+
+p {
+   color: #EEEEEE;
+   font-size: 1,1rem;
+}
+.container-fluid {
+   margin-bottom:20px;
+   padding: 20px;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_8bb509ba.css

@@ -0,0 +1,536 @@
+/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
+
+/*search*/
+
+li {
+   list-style: none;
+}
+
+label {
+    color: #000;
+    /* display: none; */
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;   
+    
+}
+
+.pop-img {
+    border-radius: 10px !important;
+    border-color: white;
+    border-width: 1px;
+    border-style: solid;
+}
+
+.card-img-top {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 5px;
+}
+
+.btn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    width: fit-content;
+    font-weight: bold;
+    transition: all 0.2s ease;    
+    margin: 15px;    
+}
+
+.voicebutton {
+    border-radius: 50% !important;
+    padding: 10px !important;
+    width: 40px;
+    height:40px;
+}
+
+.menubtn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    /* width: 98%; */
+    font-weight: bold;
+    border-radius: 20px;
+    height: 40px;
+    transition: all 0.2s ease;
+    padding: 10px;
+    margin: 10px;
+}
+
+    .btn:active {
+        background: rgba(255, 255, 255, 1);
+    }
+
+    .btn:hover {
+        background: rgba(255, 255, 255, 0.8);
+    }
+
+img {
+    border-radius: 20px !important;
+}
+
+
+input.search_bar{
+    border: none;
+    outline: none;
+    width: 75px;
+    border-radius: 55px;
+    margin: 0 auto;
+    font-size: 1.3em;
+    color: #0d2840;
+    padding: 15px 30px 15px 45px;
+    transition: all .3s cubic-bezier(0,0,.5,1.5);
+    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
+    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
+}
+
+    input.search_bar:focus{
+        width: 100%;
+        background-position: calc(100% - 35px) center
+    }
+
+/*Removes default x in search fields (webkit only i guess)*/
+input[type=search]::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
+/*Changes the color of the placeholder*/
+::-webkit-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+::-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-ms-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+/*search*/
+
+/*Search2*/
+.searchBox {
+    width: 60px;
+    background: rgba(255, 255, 255, 0.3);
+    height: 60px;
+    border-radius: 40px;
+    padding: 10px;
+    margin: 0 auto;
+    transition: 0.8s;
+}
+
+.searchInput:active > .searchBox{
+    width:100%
+}
+.searchInput:focus > .searchBox {
+    width: 100%
+}
+
+.searchInput::placeholder {
+   color:#fff;
+}
+
+.searchBox:hover {   
+    width: 100%;    
+}    
+
+    .searchBox:hover > .searchInput {
+        width: calc(100% - 60px);
+        padding: 0 6px;
+    }
+
+    .searchBox:hover > .searchButton {
+        background: white;
+        color: #2f3640;
+    }
+
+.searchButton {
+    color: white;
+    float: right;
+    width: 40px;
+    height: 40px;
+    border-radius: 50px;
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.searchInput {
+    border: none;
+    background: none;
+    outline: none;
+    font-size: 1.3em !important;
+    color: #0d2840 !important;
+    float: left;
+    padding: 0;
+    color: white;
+    font-size: 16px;
+    transition: 0.4s;
+    line-height: 40px;
+    width: 0px;
+}
+
+/*Search2*/
+
+
+.event {
+    border-radius: 20px !important;    
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+/*card design*/
+.card {
+    border-radius: 20px !important;
+    overflow: hidden;
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+    .card:hover {
+        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
+    }
+
+.card-body .card-title {
+    font-family: 'Lato', sans-serif;
+    font-weight: 700;
+    letter-spacing: 0.3px;
+    font-size: 24px;
+    color: #121212;
+}
+
+.card-text {
+    font-family: 'Lato', sans-serif;
+    font-weight: 400;
+    font-size: 15px;
+    letter-spacing: 0.3px;
+    color: #4E4E4E;
+}
+
+.card .container {
+    width: 88%;
+    /*background: #F0EEF8;*/
+    border-radius: 30px;
+    /*height: 140px;*/
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container:hover > img {
+    transform: scale(1.2);
+}
+
+.container img {
+    /*padding: 75px;*/
+    /*margin-top: -40px;
+    margin-bottom: -40px;*/
+    transition: 0.4s ease;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+
+.btn:focus {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+/*card design*/
+
+/*bg*/
+
+
+:root {
+    font-size: 15px;
+}
+
+body {
+    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
+    /*font-family: 'Quicksand', sans-serif;*/
+    color: #fff !important;
+    margin: 0;
+    min-height: 100vh;
+    background-color: #000;
+    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
+    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
+    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
+    background-repeat: no-repeat;
+    /*animation: 10s movement linear infinite;*/
+}
+
+    body::after {
+        content: '';
+        display: block;
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+.myspan {
+    position: relative;
+    z-index: 10;
+    display: flex;
+    min-height: 100vh;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    font-size: 5rem;
+    color: transparent;
+    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
+    letter-spacing: .2rem;
+}
+
+@keyframes movement {
+    0%, 100% {
+        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    }
+
+    25% {
+        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
+        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
+    }
+
+    50% {
+        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
+        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
+    }
+
+    75% {
+        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
+        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
+    }
+}
+
+
+/*bg*/
+
+.mytextarea {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(20px);
+    padding: 10px;
+    border-radius: 10px;
+    border-width: 0px;
+    height: unset !important;
+}
+
+    .mytextarea:active {
+        border-width: 0px;
+    }
+
+    .mytextarea:focus-visible {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-width: 0px !important;
+        outline: -webkit-focus-ring-color auto 0px;
+        outline-color: transparent;
+    }
+
+.navbar-toggler {    
+    color: #fff;
+}
+
+.navbar-brand {
+    font-size: 1.7rem;
+    color:#fff;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+    .form-select > option {
+        background-color: rgba(255, 255, 255, 0.2)
+    }
+
+.contactform-overlay {
+    position: fixed;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    padding: 100px;
+    top: 0px;
+    left: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.form-control {
+    background-color: rgba(255,255,255,0.4);
+    border-radius: 5px;
+    height: 50px;
+}
+.form-control::placeholder {
+   color:#fff;
+}
+
+.contactform-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.contactform-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.contactform-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+.calendly-overlay {
+    position: absolute;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    top: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.calendly-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.calendly-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.calendly-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    opacity: 0.2;
+}
+
+.table {
+    color: #fff !important;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: transparent;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    /*display: flex;
+    align-items: center;
+    justify-content: center;*/
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.5em;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    border-bottom: 0px solid white;
+    padding: 0.2em 4em;
+}
+
+.navbar {
+   background-color: #040206;
+   color: #fff;
+}
+
+.nav-link {
+    color: #fff !important;
+}
+
+.content {
+   top: 60px; 
+}
+
+.row {
+    margin-bottom: 10px;
+}
+
+h1 {
+   color: #64CCC5;
+}
+
+p {
+   color: #EEEEEE;
+   font-size: 1,1rem;
+}
+.container-fluid {
+   margin-bottom:20px;
+   padding: 20px;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_9ea4bd8c.css

@@ -0,0 +1,536 @@
+/*@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700,300');*/
+
+/*search*/
+
+li {
+   list-style: none;
+}
+
+label {
+    color: #000;
+    /* display: none; */
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;   
+    
+}
+
+.pop-img {
+    border-radius: 10px !important;
+    border-color: white;
+    border-width: 1px;
+    border-style: solid;
+}
+
+.card-img-top {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 5px;
+}
+
+.btn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    width: fit-content;
+    font-weight: bold;
+    transition: all 0.2s ease;    
+    margin: 15px;    
+}
+
+.voicebutton {
+    border-radius: 50% !important;
+    padding: 10px !important;
+    width: 40px;
+    height:40px;
+}
+
+.menubtn {
+    background: rgba(255, 255, 255, 0.5);
+    border: 0;
+    color: #000000;
+    /* width: 98%; */
+    font-weight: bold;
+    border-radius: 20px;
+    height: 40px;
+    transition: all 0.2s ease;
+    padding: 10px;
+    margin: 10px;
+}
+
+    .btn:active {
+        background: rgba(255, 255, 255, 1);
+    }
+
+    .btn:hover {
+        background: rgba(255, 255, 255, 0.8);
+    }
+
+img {
+    border-radius: 20px !important;
+}
+
+
+input.search_bar{
+    border: none;
+    outline: none;
+    width: 75px;
+    border-radius: 55px;
+    margin: 0 auto;
+    font-size: 1.3em;
+    color: #0d2840;
+    padding: 15px 30px 15px 45px;
+    transition: all .3s cubic-bezier(0,0,.5,1.5);
+    box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
+    background: rgba(255, 255, 255, 0.3) url(https://i.imgur.com/seveWIw.png) no-repeat center center;
+}
+
+    input.search_bar:focus{
+        width: 100%;
+        background-position: calc(100% - 35px) center
+    }
+
+/*Removes default x in search fields (webkit only i guess)*/
+input[type=search]::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
+/*Changes the color of the placeholder*/
+::-webkit-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+::-moz-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+:-ms-input-placeholder {
+    color: #0d2840;
+    opacity: .5;
+}
+
+/*search*/
+
+/*Search2*/
+.searchBox {
+    width: 60px;
+    background: rgba(255, 255, 255, 0.3);
+    height: 60px;
+    border-radius: 40px;
+    padding: 10px;
+    margin: 0 auto;
+    transition: 0.8s;
+}
+
+.searchInput:active > .searchBox{
+    width:100%
+}
+.searchInput:focus > .searchBox {
+    width: 100%
+}
+
+.searchInput::placeholder {
+   color:#fff;
+}
+
+.searchBox:hover {   
+    width: 100%;    
+}    
+
+    .searchBox:hover > .searchInput {
+        width: calc(100% - 60px);
+        padding: 0 6px;
+    }
+
+    .searchBox:hover > .searchButton {
+        background: white;
+        color: #2f3640;
+    }
+
+.searchButton {
+    color: white;
+    float: right;
+    width: 40px;
+    height: 40px;
+    border-radius: 50px;
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.searchInput {
+    border: none;
+    background: none;
+    outline: none;
+    font-size: 1.3em !important;
+    color: #0d2840 !important;
+    float: left;
+    padding: 0;
+    color: white;
+    font-size: 16px;
+    transition: 0.4s;
+    line-height: 40px;
+    width: 0px;
+}
+
+/*Search2*/
+
+
+.event {
+    border-radius: 20px !important;    
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+/*card design*/
+.card {
+    border-radius: 20px !important;
+    overflow: hidden;
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    backdrop-filter: blur(20px);
+    border: 0;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.07);
+    transition: all 0.15s ease;
+}
+
+    .card:hover {
+        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1), 0 10px 8px rgba(0, 0, 0, 0.015);
+    }
+
+.card-body .card-title {
+    font-family: 'Lato', sans-serif;
+    font-weight: 700;
+    letter-spacing: 0.3px;
+    font-size: 24px;
+    color: #121212;
+}
+
+.card-text {
+    font-family: 'Lato', sans-serif;
+    font-weight: 400;
+    font-size: 15px;
+    letter-spacing: 0.3px;
+    color: #4E4E4E;
+}
+
+.card .container {
+    width: 88%;
+    /*background: #F0EEF8;*/
+    border-radius: 30px;
+    /*height: 140px;*/
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container:hover > img {
+    transform: scale(1.2);
+}
+
+.container img {
+    /*padding: 75px;*/
+    /*margin-top: -40px;
+    margin-bottom: -40px;*/
+    transition: 0.4s ease;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+
+.btn:focus {
+    background-color: #e493d0;
+    background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
+    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    background-repeat: no-repeat;
+    animation: 10s movement linear infinite;
+}
+/*card design*/
+
+/*bg*/
+
+
+:root {
+    font-size: 15px;
+}
+
+body {
+    /*font-family: 'Comfortaa', 'Arial Narrow', Arial, sans-serif;*/
+    /*font-family: 'Quicksand', sans-serif;*/
+    color: #fff !important;
+    margin: 0;
+    min-height: 100vh;
+    background-color: #000;
+    /*background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));*/
+    /*background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;*/
+    /*background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;*/
+    background-repeat: no-repeat;
+    /*animation: 10s movement linear infinite;*/
+}
+
+    body::after {
+        content: '';
+        display: block;
+        position: fixed;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+.myspan {
+    position: relative;
+    z-index: 10;
+    display: flex;
+    min-height: 100vh;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    font-size: 5rem;
+    color: transparent;
+    text-shadow: 0px 0px 1px rgba(255, 255, 255, .6), 0px 4px 4px rgba(0, 0, 0, .05);
+    letter-spacing: .2rem;
+}
+
+@keyframes movement {
+    0%, 100% {
+        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
+        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
+    }
+
+    25% {
+        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
+        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
+    }
+
+    50% {
+        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
+        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
+    }
+
+    75% {
+        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
+        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
+    }
+}
+
+
+/*bg*/
+
+.mytextarea {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(20px);
+    padding: 10px;
+    border-radius: 10px;
+    border-width: 0px;
+    height: unset !important;
+}
+
+    .mytextarea:active {
+        border-width: 0px;
+    }
+
+    .mytextarea:focus-visible {
+        background-color: rgba(255, 255, 255, 0.5);
+        border-width: 0px !important;
+        outline: -webkit-focus-ring-color auto 0px;
+        outline-color: transparent;
+    }
+
+.navbar-toggler {    
+    color: #fff;
+}
+
+.navbar-brand {
+    font-size: 1.7rem;
+    color:#fff;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+    .form-select > option {
+        background-color: rgba(255, 255, 255, 0.2)
+    }
+
+.contactform-overlay {
+    position: fixed;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    padding: 100px;
+    top: 0px;
+    left: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.form-control {
+    background-color: rgba(255,255,255,0.4);
+    border-radius: 5px;
+    height: 50px;
+}
+.form-control::placeholder {
+   color:#fff;
+}
+
+.contactform-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.contactform-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.contactform-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+.calendly-overlay {
+    position: absolute;
+    z-index: 100;
+    height: 100vh;
+    width: 100%;
+    top: 0px;
+    /* padding-top: 10vh; */
+    backdrop-filter: blur(20px);
+    /* background-color: rgba(1, 1, 1, .4); */
+}
+
+.calendly-close-overlay {
+    position: relative;
+    height: 10vh;
+}
+
+.calendly-popup-content {
+    height: 80vh;
+    margin: 0px;
+    padding: 0px;
+}
+
+.calendly-popup-close {
+    position: relative;
+    height: 10vh;
+    z-index: 80;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;
+    opacity: 0.2;
+}
+
+.table {
+    color: #fff !important;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    background-color: transparent;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    /*display: flex;
+    align-items: center;
+    justify-content: center;*/
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.5em;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    border-bottom: 0px solid white;
+    padding: 0.2em 4em;
+}
+
+.navbar {
+   background-color: #040206;
+   color: #fff;
+}
+
+.nav-link {
+    color: #fff !important;
+}
+
+.content {
+   top: 60px; 
+}
+
+.row {
+    margin-bottom: 10px;
+}
+
+h1 {
+   color: #64CCC5;
+}
+
+p {
+   color: #EEEEEE;
+   font-size: 1,1rem;
+}
+.container-fluid {
+   margin-bottom:20px;
+   padding: 20px;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_a5faf300.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}

wwwroot/temp/style_e0642a6c.css

@@ -0,0 +1,168 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+
+.card {
+    background-color: rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(2px);
+}
+
+.table {
+    color: #f2d8bb !important;
+}
+
+.navbar-collapse {
+    height: 100vh;
+    text-align: center !important;
+    align-content: center;
+}
+
+.navbar-collapse .nav-link {
+    font-size: 1.2rem;
+    letter-spacing: 2px;
+}
+
+.navbar-collapse .nav-item:not(:last-child) {
+    padding: 0.2em 1em;
+}
+
+.navbar {
+    background-color: #022c28;
+    color: #d0eae9;
+}
+
+.nav-link {
+    color: #d0eae9 !important;
+}
+
+.content {
+    top: 60px;
+}
+
+body {
+    background-color: #022c28;
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+    color: aqua;
+    font-family: "Montserrat", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 300;
+    font-style: normal;
+    font-size: 1rem; /* Base size */
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.5rem;
+    padding-top: 30px;
+    padding-bottom: 10px;
+}
+
+h2 {
+    font-weight: 500;
+    font-size: 2rem;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.6rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+p {
+    color: #fff;
+    font-size: 1.1rem;    
+}
+
+li {
+    color: #fff;
+    font-size: 1rem;
+    text-align: center;
+}
+
+.btn-primary {
+    color: #d0eae9;
+    background-color: #014d4e;
+    border: 0px;
+    margin: 5px;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #086262;
+    border: 0px;
+}
+
+.row {
+    padding-bottom: 30px;
+    margin: 0 auto !important;
+}
+
+.searchInput::placeholder {
+    color: #d0eae9;
+}
+
+#myVideo {
+    position: fixed;
+    right: 0;
+    top: -100px;
+    min-width: 100%;
+    min-height: 100%;
+    transform: translateX(calc((100% - 100vw) / 2));
+}
+
+.img-fluid {
+    max-height: 50vh;
+    width: auto;
+    border-radius: 15px;
+}
+
+.sp-img {
+   box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
+}
+
+.col {
+    align-items: center;
+    display: flex;
+}
+
+.form-select {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    display: unset !important;
+    color: #fff;
+}
+
+.list-group-item,
+.bg-light {
+    background-color: rgb(11 24 23 / 76%) !important;
+    backdrop-filter: blur(8px) !important;    
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: aqua;
+}
+
+/* 🔽 Mobile Responsiveness */
+@media (max-width: 768px) {
+    h1 { font-size: 2rem; }
+    h2 { font-size: 1.6rem; }
+    h3 { font-size: 1.4rem; }
+    p, li { font-size: 1rem; }
+    .navbar-collapse .nav-link { font-size: 1.1rem; }
+    p {text-align: justify;}
+}
+
+@media (max-width: 480px) {
+    h1 { font-size: 1.6rem; }
+    h2 { font-size: 1.3rem; }
+    h3 { font-size: 1.1rem; }
+    p, li { font-size: 0.95rem; }
+    .navbar-collapse .nav-link { font-size: 1rem; }
+    p {text-align: justify;}
+}