diff --git a/app/home/templates/home/components/navbar.html b/app/home/templates/home/components/navbar.html
index 753df9d..f87ce79 100644
--- a/app/home/templates/home/components/navbar.html
+++ b/app/home/templates/home/components/navbar.html
@@ -1,6 +1,8 @@
 {% load static %}
 <nav class="absolute w-full z-10">
   <div class="relative flex flex-col">
+    {% comment %}
+    <!-- Ribbon CTA -->
     <div class="bg-orange-1 py-1.5 flex items-center justify-center gap-2">
       <p class="text-white font-nunito text-sm font-semibold">
         👋 Registration for PyCon APAC 2025 is now open!
@@ -13,9 +15,18 @@
         </a>
       </div>
     </div>
+    {% endcomment %}
 
-    <div class="bg-transparent w-[1260px] mx-auto flex pt-8">
+    <div class="bg-transparent w-full max-w-[1260px] mx-auto flex pt-8">
+  
+      <!-- Site Logo -->
       <div class="navbar-start">
+        <a class="btn btn-ghost text-xl">
+          <img src="{% static 'img/logo.png' %}"
+               alt="PythonAsia 2026"
+               class="h-8 w-full max-w-[233px]" />
+        </a>
+        {% comment %}  
         <div class="dropdown">
           <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
             <svg xmlns="http://www.w3.org/2000/svg"
@@ -92,14 +103,13 @@
             </li>
           </ul>
         </div>
-        <a class="btn btn-ghost text-xl">
-          <img src="{% static 'img/logo.png' %}"
-               alt="PythonAsia 2026"
-               class="h-8 w-full max-w-[233px]" />
-        </a>
+        {% endcomment %}
       </div>
 
+      {% comment %}  
       <div class="flex justify-end items-center gap-7 w-full">
+  
+        <!-- Header Links -->
         <div class="hidden lg:flex">
           <ul class="menu menu-horizontal px-1">
             <li>
@@ -174,12 +184,14 @@
             </li>
           </ul>
         </div>
+        <!-- Ticket Button -->
         <div>
           <a href="#" class="btn btn-primary btn-square lg:btn-wide">
             <span class="lg:inline font-bantayog py-3.5 px-8 text-xl">Get Tickets</span>
           </a>
         </div>
       </div>
+      {% endcomment %}
     </div>
   </div>
 </nav>
diff --git a/app/home/templates/home/index.html b/app/home/templates/home/index.html
index af8f9ea..45ed6a3 100644
--- a/app/home/templates/home/index.html
+++ b/app/home/templates/home/index.html
@@ -4,7 +4,7 @@
     <div class="min-h-screen"
          style="background-image: url('{% static 'img/background.png' %}')">
         <!-- Navbar -->
-        {% comment %}{% include "home/components/navbar.html" %}{% endcomment %}
+         {% include "home/components/navbar.html" %}
         <main>
             <section id="hero" class="text-white text-center flex items-center pt-[170px]">
                 <div class="container mx-auto px-6 bg-cover w-[960px] hero-content">
@@ -29,7 +29,7 @@
             <img src="{% static 'img/vectors/footer.png' %}" class="w-full block xl:mt-[-10em] xl:mb-[-7em]">
         </main>
         <!-- Section Break -->
-        <div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block">
+        <div class="w-full py-0 my-0 z-10 -mb-25 hidden xl:block cstm_break">
             <img src="{% static 'img/vectors/section-break-1.svg' %}"
                  alt="Section Break"
                  class="w-full block">
@@ -37,7 +37,7 @@
         <!-- About Us Section -->
         {% include "home/sections/about-us.html" %}
         <!-- Section Break -->
-        <div class="w-full py-0 my-0  z-10 -mt-25">
+        <div class="w-full py-0 my-0  z-10 -mt-25 cstm_break about-us_break">
             <img src="{% static 'img/vectors/section-break-2.svg' %}"
                  alt="Section Break"
                  class="w-full block">
@@ -47,7 +47,7 @@
         <!-- Why Python Section -->
         {% include "home/sections/why-python.html" %}
         <!-- What is PyCon Section -->
-        {% include "home/sections/what-is-python-asia.html" %}
+        {% comment%}{% include "home/sections/what-is-python-asia.html" %}{% endcomment%}
         <!-- Announcement Section -->
         {% include "home/sections/announcement-section.html" %}
         <!-- When? Where? Section -->
diff --git a/app/home/templates/home/sections/about-us.html b/app/home/templates/home/sections/about-us.html
index 0149bec..aea390c 100644
--- a/app/home/templates/home/sections/about-us.html
+++ b/app/home/templates/home/sections/about-us.html
@@ -1,6 +1,6 @@
 {% load static %}
 <section id="about-us"
-         class="py-20 mt-5 text-white"
+         class="py-20 text-white"
          style="background-color: #BD4B06">
     <div class="container mx-auto px-6">
         <!-- Header -->
@@ -8,7 +8,7 @@
             <h2 class="text-5xl md:text-6xl font-bold mb-12 font-td_pinoy">What is PythonAsia?</h2>
         </div>
         <!-- Main Content -->
-        <div class="text-center px-8 md:px-16 lg:px-24">
+        <div class="text-center px-8 md:px-16 lg:px-24 w-full max-w-[975px] mx-auto">
             <h3 class="text-2xl font-bold mb-6 uppercase font-bantayog">
                 The Flagship Gathering for Python Enthusiasts Across Asia - Uniting Diverse Communities across the region
             </h3>
@@ -34,97 +34,97 @@ <h3 class="text-2xl font-bold mb-6 uppercase font-bantayog">
             </div>
         </div>
         <!-- 3 Days Section -->
-        <div class="mb-12">
+        <div class="mb-12 w-full max-w-[1160px] mx-auto">
             <h3 class="text-5xl font-bold mb-8 font-td_pinoy">3 Days, Endless Possibilities</h3>
-            <p class="text-lg leading-relaxed">
+            <p class="text-lg leading-relaxed font-nunito">
                 Dive into three days of learning, building, and connecting with the Python community. From inspiring talks to hands-on sprints, PythonAsia is where ideas spark, skills grow, and collaborations begin. Whether you're a first-time attendee or a seasoned contributor, there's something here for everyone.
             </p>
         </div>
         <!-- Features Grid -->
-        <div class="grid md:grid-cols-2 gap-8 mb-16">
+        <div class="grid lg:grid-cols-3 md:grid-cols-3 sm:grid-cols-2 gap-10 mb-16 w-full max-w-[1160px] mx-auto">
             <!-- Inspiring Keynotes -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/conversation-icon.svg' %}"
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/star-icon.svg' %}"
                          alt="Inspiring Keynotes" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Inspiring Keynotes</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Hear inspiring talks from core contributors, community leaders, and innovators shaping Python across Asia and beyond
                 </p>
             </div>
             <!-- Talks & Lightning Talks -->
             <div>
-                <div class="inline-block p-4 mb-4">
+                <div class="inline-block mb-2">
                     <img src="{% static 'img/vectors/conversation-icon.svg' %}"
                          alt="Talks & Lightning Talks" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Talks & Lightning Talks</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     From deep-dive sessions to quick, punchy insights, learn from diverse voices across the Python community.
                 </p>
             </div>
-            <!-- Community Gatherings -->
-            <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/hands-on-icon.svg' %}"
-                         alt="Community Gatherings" />
-                </div>
-                <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Community Gatherings</h4>
-                <p class="text-sm font-nunito">
-                    Join special sessions like the PyLadies Lunch, Open Spaces, and Group Lunch—designed to spark conversations and build connections.
-                </p>
-            </div>
             <!-- Multi-Track & Live Workshops -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/star-icon.svg' %}"
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/icon-multitrack-and-live.svg' %}"
                          alt="Multi-Track & Live Workshops" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Multi-Track & Live Workshops</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Dive into AI/ML, Data Science, DevOps, Open Source, and region-specific use cases powering real-world impact.
                 </p>
             </div>
+            <!-- Community Gatherings -->
+            <div>
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/icon-community-gatherings.svg' %}"
+                         alt="Community Gatherings" />
+                </div>
+                <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Community Gatherings</h4>
+                <p class="text-sm font-nunito w-full max-w-[305px]">
+                    Join special sessions like the PyLadies Lunch, Open Spaces, and Group Lunch—designed to spark conversations and build connections.
+                </p>
+            </div>
             <!-- Career Mixer -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/star-icon.svg' %}" alt="Career Mixer" />
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/icon-career-mixer.svg' %}" alt="Career Mixer" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Career Mixer</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Meet potential employers, collaborators, and mentors in a relaxed, networking-focused environment.
                 </p>
             </div>
             <!-- Sponsor Booths & Stamp Quest -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/star-icon.svg' %}"
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/icon-sponsor-booths.svg' %}"
                          alt="Sponsor Booths & Stamp Quest" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Sponsor Booths & Stamp Quest</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Explore sponsor showcases, discover new opportunities, and complete our signature Stamp Collection Quest for fun tokens, prizes, and new connections.
                 </p>
             </div>
             <!-- Open Source Sprints -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/star-icon.svg' %}"
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/hands-on-icon.svg' %}"
                          alt="Open Source Sprints" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Open Source Sprints</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Team up with maintainers and peers (bring your laptop!) to contribute to open source, then connect at our career fair.
                 </p>
             </div>
             <!-- Education Summit -->
             <div>
-                <div class="inline-block p-4 mb-4">
-                    <img src="{% static 'img/vectors/star-icon.svg' %}" alt="Education Summit" />
+                <div class="inline-block mb-2">
+                    <img src="{% static 'img/vectors/icon-education-summit.svg' %}" alt="Education Summit" />
                 </div>
                 <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Education Summit</h4>
-                <p class="text-sm font-nunito">
+                <p class="text-sm font-nunito w-full max-w-[305px]">
                     Co-organized with De La Salle University (DLSU), this special track brings together educators, students, and practitioners to explore how Python is shaping learning and research in Asia
                 </p>
             </div>
@@ -134,7 +134,7 @@ <h4 class="text-xl font-bold uppercase mb-3 font-bantayog">Education Summit</h4>
             <p class="text-lg mb-2 uppercase tracking-wide font-bantayog">
                 Join hundreds of developers, students, educators, researchers, and community leaders from across Asia for 3 days of
             </p>
-            <h3 class="text-5xl md:text-6xl font-bold uppercase font-td_pinoy">Learning, Inspiration, and Connection</h3>
+            <h3 class="md:text-6xl sm:text-4xl font-bold uppercase font-td_pinoy">Learning, Inspiration, and Connection</h3>
         </div>
     </div>
 </section>
diff --git a/app/home/templates/home/sections/conference-at-a-glance.html b/app/home/templates/home/sections/conference-at-a-glance.html
index 76ce624..4a9a4a5 100644
--- a/app/home/templates/home/sections/conference-at-a-glance.html
+++ b/app/home/templates/home/sections/conference-at-a-glance.html
@@ -1,5 +1,5 @@
 {% load static %}
-<section id="conference-at-a-glance" class="py-20">
+<section id="conference-at-a-glance" class="py-20 bg-[url('{% static 'img/bg-conference-at-glance.png' %}')] bg-contain bg-center">
     <div class="container mx-auto px-6">
         <!-- Header -->
         <div class="text-center mb-16">
@@ -7,77 +7,59 @@
                 style="color: #D87A3F">Conference at a Glance</h2>
         </div>
         <!-- Schedule Grid -->
-        <div class="grid md:grid-cols-2 gap-8 mb-20 max-w-5xl mx-auto">
+        <div class="flex flex-col sm:flex-row md:items-stretch md:justify-center items-center gap-8 mb-20 max-w-5xl mx-auto">
             <!-- March 21-22 -->
-            <div class="p-8 rounded-lg" style="background-color: #FFF;">
-                <div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
-                    <h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 21-22,</h3>
-                    <h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">SATURDAY-SUNDAY</h4>
+            <div class="p-8 rounded-2xl w-full max-w-[300px] bg-offwhite-2 border-t-[8px] border-t-[#F26D1D]">
+                <div class="mb-6">
+                    <h3 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">MARCH 21-22,</h3>
+                    <h4 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">SATURDAY-SUNDAY</h4>
                 </div>
                 <div class="space-y-3">
-                    <p class="font-semibold text-lg mb-4" style="color: #7C5E3B;">Main Conference</p>
+                    <p class="text-lg font-bold mb-2 font-bantayog text-brown-2">Main Conference</p>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Talks</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Talks</span>
                     </div>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Workshops</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Workshops</span>
                     </div>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Lightning Talks</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Lightning Talks</span>
                     </div>
                     <div class="flex items-center space-x-3">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">PyLadies Lunch</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">PyLadies Lunch</span>
                     </div>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Open Spaces</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Open Spaces</span>
                     </div>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Group Lunch</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Group Lunch</span>
                     </div>
                     <div class="flex items-center space-x-3 font-nunito">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Career Mixer</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Career Mixer</span>
                     </div>
                 </div>
             </div>
             <!-- March 23 -->
-            <div class="p-8 rounded-lg" style="background-color: #FFF;">
-                <div class="border-b-4 pb-4 mb-6" style="border-color: #D87A3F;">
-                    <h3 class="text-2xl font-bold mb-2 font-bantayog" style="color: #7C5E3B;">MARCH 23,</h3>
-                    <h4 class="text-xl font-bold font-bantayog" style="color: #7C5E3B;">MONDAY</h4>
+            <div class="p-8 rounded-2xl w-full max-w-[300px] bg-offwhite-2 border-t-[8px] border-t-[#FFA218]">
+                <div class="mb-6">
+                    <h3 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">MARCH 23,</h3>
+                    <h4 class="text-2xl font-bold mb-0 font-bantayog text-brown-1">MONDAY</h4>
                 </div>
                 <div class="space-y-3">
                     <div class="flex items-center space-x-3 font-bantayog">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Education Summit</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Education Summit</span>
                     </div>
                     <div class="flex items-center space-x-3 font-bantayog">
-                        <span class="material-symbols-outlined text-white rounded-full p-1"
-                              style="background-color: #BD4B06;
-                                     font-size: 20px">check_circle</span>
-                        <span style="color: #7C5E3B;">Open Source Sprints</span>
+                        <img src="{% static 'img/vectors/icon-checkbox-brown-2.svg' %}" alt="Checkbox Icon">
+                        <span class="font-nunito text-lg text-brown-2">Open Source Sprints</span>
                     </div>
                 </div>
             </div>
diff --git a/app/home/templates/home/sections/footer.html b/app/home/templates/home/sections/footer.html
index cd8d249..008e795 100644
--- a/app/home/templates/home/sections/footer.html
+++ b/app/home/templates/home/sections/footer.html
@@ -1,24 +1,24 @@
 {% load static %}
 
-<footer class="flex flex-col items-center bg-[#F4E6D4] py-12">
+<footer class="flex flex-col items-center bg-[#F4E6D4] pt-12">
     <!-- PythonAsia 2026 Branding -->
-    <img src="{% static 'img/vectors/python-asia-branding.png' %}" class="mt-10" alt="Footer">
+    <img src="{% static 'img/vectors/python-asia-branding.png' %}" class="mt-10 p-5" alt="Footer">
 
     <!-- Action Links -->
     {% comment %}
-    <div class="flex gap-8 mt-10 mb-6">
+    <div class="flex gap-8 mt-10 mb-6 px-5">
         <a href="#" class="text-[#FFA218] text-xl font-bold hover:underline font-bantayog">GET TICKETS</a>
         <a href="#" class="text-[#F26D1D] text-xl font-bold hover:underline font-bantayog">BECOME A SPONSOR</a>
     </div>
     {% endcomment %}
 
     <!-- Contact Message -->
-    <p class="text-[#7C5E3B] text-sm mb-4 font-nunito">
+    <p class="text-[#7C5E3B] text-sm mb-4 font-nunito text-center px-5">
         Message us at <a href="mailto:pycon@python.ph" class="underline">pycon@python.ph</a> for questions and inquiries
     </p>
 
     <!-- Social Media Icons -->
-    <div class="flex gap-4 mb-4">
+    <div class="flex gap-4 mb-4 px-5" style="z-index: 2;">
         <a href="#" class="hover:opacity-70 transition-opacity" aria-label="Facebook">
             <img src="https://cdn.simpleicons.org/facebook/7C5E3B" alt="Facebook" class="w-6 h-6">
         </a>
@@ -34,7 +34,7 @@
     </div>
 
     <!-- Built With Text -->
-    <p class="text-[#7C5E3B] text-sm mb-8 font-nunito">
+    <p class="text-[#7C5E3B] text-sm mb-8 font-nunito px-5" style="z-index: 2;">
         This site is built using Django.
     </p>
 
diff --git a/app/home/templates/home/sections/speakers-section.html b/app/home/templates/home/sections/speakers-section.html
new file mode 100644
index 0000000..e2ba59d
--- /dev/null
+++ b/app/home/templates/home/sections/speakers-section.html
@@ -0,0 +1,23 @@
+{% load static %}
+
+<section id="speakers" class="bg-white">
+  <div class="flex flex-col gap-10">
+    <div class="w-full max-w-[1160px] mx-auto px-6 flex flex-col gap-8 py-20">
+      <h2 class="font-td_pinoy text-6xl text-orange-2 text-center m-0">Keynote Speakers</h2>
+      <p class="font-bantayog text-[28px] leading-[130%] text-uppercase text-brown-1 text-center">Discover our keynote speakers for PyCon Philippines 2025</p>
+    </div>
+    <div class="speakers-wrapper">
+      <div class="rounded-[24px] bg-cream-1 flex gap-10" style="padding: 30px;">
+        <div class="overflow-hidden grow">
+          <img src="{% static 'img/speakers/speakers-img-1.jpg' %}" alt="'' style="border-radius: 70px; object-fit: cover;">
+        </div>
+        <div>
+          <h3 class="font-bantayog text-brown-1 text-2xl">JC PERALTA</h3>
+          <p class="font-nunito text-brown-2 font-semibold">Insert Title</p>
+          <p class="font-nunito text-brown-2">JC Peralta is a data scientist, Geospatial Machine Learning Consultant, and Climate Scientist. He earned his Master's in Atmospheric Science from Ateneo de Manila University in 2019 and has worked on projects in climate science, disaster management, renewable energy, and climate action.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</section>
\ No newline at end of file
diff --git a/app/home/templates/home/sections/why-python.html b/app/home/templates/home/sections/why-python.html
index f697e80..8ff2bd3 100644
--- a/app/home/templates/home/sections/why-python.html
+++ b/app/home/templates/home/sections/why-python.html
@@ -1,30 +1,30 @@
 {% load static %}
 
-<section id="why-python" class="py-20 px-6" style="background-color: #F5EFE7;">
-    <div class="container mx-auto max-w-7xl">
+<section id="why-python" class="py-20 px-6 bg-offwhite-3">
+    <div class="container mx-auto w-full max-w-[1080px]">
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
             <!-- Left Column - Text Content -->
-            <div class="space-y-6">
+            <div class="space-y-6 w-full max-w-[452px]">
                 <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why Python?</h2>
                 
-                <p class="text-[#7C5E3B] text-lg leading-relaxed font-nunito">
+                <p class="text-brown-2 text-lg leading-relaxed font-nunito">
                     We believe Python changes lives.
                 </p>
                 
-                <p class="text-[#7C5E3B] text-base leading-relaxed font-nunito">
+                <p class="text-brown-2 text-base leading-relaxed font-nunito">
                     It gives everyday people the tools to create, solve problems, 
                     and share ideas with the world—while also powering 
                     industries from AI and data science to cloud computing and 
                     automation.
                 </p>
                 
-                <p class="text-[#7C5E3B] text-base leading-relaxed font-nunito">
+                <p class="text-brown-2 text-base leading-relaxed font-nunito">
                     From students building their first websites, to small teams 
                     streamlining workflows, to researchers and companies tackling 
                     big challenges—Python is there.
                 </p>
                 
-                <p class="text-[#7C5E3B] text-base leading-relaxed font-nunito">
+                <p class="text-brown-2 text-base leading-relaxed font-nunito">
                     Simple enough to start with, powerful enough to shape the 
                     future. And at PythonPH, we see it every day in our 
                     community: people learning, teaching, and creating together. 
@@ -39,7 +39,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">analytics</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Data Analysis</p>
+                    <p class="text-brown-2 text-sm font-medium">Data Analysis</p>
                 </div>
                 
                 <!-- AI/Machine Learning -->
@@ -47,7 +47,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">psychology</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">AI/Machine Learning</p>
+                    <p class="text-brown-2 text-sm font-medium">AI/Machine Learning</p>
                 </div>
                 
                 <!-- Automation -->
@@ -55,7 +55,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">settings_suggest</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Automation</p>
+                    <p class="text-brown-2 text-sm font-medium">Automation</p>
                 </div>
                 
                 <!-- Cloud Computing -->
@@ -63,7 +63,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">cloud</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Cloud Computing</p>
+                    <p class="text-brown-2 text-sm font-medium">Cloud Computing</p>
                 </div>
                 
                 <!-- Web Apps -->
@@ -71,7 +71,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">web</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Web Apps</p>
+                    <p class="text-brown-2 text-sm font-medium">Web Apps</p>
                 </div>
                 
                 <!-- Mobile Apps -->
@@ -79,7 +79,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">smartphone</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Mobile Apps</p>
+                    <p class="text-brown-2 text-sm font-medium">Mobile Apps</p>
                 </div>
                 
                 <!-- Desktop Apps -->
@@ -87,7 +87,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">computer</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Desktop Apps</p>
+                    <p class="text-brown-2 text-sm font-medium">Desktop Apps</p>
                 </div>
                 
                 <!-- Software Testing -->
@@ -95,7 +95,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">bug_report</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Software Testing</p>
+                    <p class="text-brown-2 text-sm font-medium">Software Testing</p>
                 </div>
                 
                 <!-- Cyber Security -->
@@ -103,7 +103,7 @@ <h2 class="text-5xl lg:text-6xl font-bold text-[#D87532] mb-6 font-td_pinoy">Why
                     <div class="w-20 h-20 rounded-lg bg-[#FFF8F0] flex items-center justify-center mb-3">
                         <span class="material-symbols-outlined text-[#D87532]" style="font-size: 48px;">security</span>
                     </div>
-                    <p class="text-[#7C5E3B] text-sm font-medium">Cyber Security</p>
+                    <p class="text-brown-2 text-sm font-medium">Cyber Security</p>
                 </div>
             </div>
         </div>
diff --git a/src/styles/main.css b/src/styles/main.css
index a156595..5a5c093 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
-@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
+
 
 @plugin "daisyui";
 
@@ -85,14 +86,14 @@ body {
 }
 
 .font-td_pinoy {
-  font-family: "TD Pinoy ", sans-serif;
+  font-family: "TD Pinoy", sans-serif;
 }
 
 .font-nunito {
-  font-family: "Nunito", regular, sans-serif;
-  weight: 400;
-  size: 18px;
-  line-height: 1.5;
+  font-family: "Nunito", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 400;
+  font-style: normal;
 }
 
 .bg-orange-1 {
@@ -158,3 +159,22 @@ body {
   background-color: var(--white);
   color: var(--brown-1);
 }
+
+
+@media screen and (max-width: 1570px){
+  .cstm_break.about-us_break{
+    display: none;
+  }
+}
+
+@media screen and (max-width: 1411px){
+  .cstm_break{
+    display: none;
+  }
+}
+
+@media screen and (max-width: 1411px) and (min-width: 1280px) {
+  #about-us {
+    padding: 250px 0 80px;
+  }
+}
diff --git a/static/css/app.css b/static/css/app.css
index 7aa3a90..ae99139 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -1,2662 +1,2 @@
 /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
-  :root, :host {
-    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-    'Noto Color Emoji';
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
-    monospace;
-    --color-white: #fff;
-    --spacing: 0.25rem;
-    --container-2xl: 42rem;
-    --container-3xl: 48rem;
-    --container-4xl: 56rem;
-    --container-5xl: 64rem;
-    --container-6xl: 72rem;
-    --container-7xl: 80rem;
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
-    --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
-    --text-4xl: 2.25rem;
-    --text-4xl--line-height: calc(2.5 / 2.25);
-    --text-5xl: 3rem;
-    --text-5xl--line-height: 1;
-    --text-6xl: 3.75rem;
-    --text-6xl--line-height: 1;
-    --font-weight-light: 300;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --tracking-tight: -0.025em;
-    --tracking-wide: 0.025em;
-    --tracking-wider: 0.05em;
-    --leading-tight: 1.25;
-    --leading-relaxed: 1.625;
-    --radius-sm: 0.25rem;
-    --radius-md: 0.375rem;
-    --radius-lg: 0.5rem;
-    --radius-xl: 0.75rem;
-    --radius-2xl: 1rem;
-    --radius-3xl: 1.5rem;
-    --ease-in: cubic-bezier(0.4, 0, 1, 1);
-    --ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-    --blur-sm: 8px;
-    --default-transition-duration: 150ms;
-    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
-  }
-}
-@layer base {
-  *, ::after, ::before, ::backdrop, ::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  html, :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
-    -webkit-tap-highlight-color: transparent;
-  }
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1, h2, h3, h4, h5, h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  a {
-    color: inherit;
-    -webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-  b, strong {
-    font-weight: bolder;
-  }
-  code, kbd, samp, pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
-    font-size: 1em;
-  }
-  small {
-    font-size: 80%;
-  }
-  sub, sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  summary {
-    display: list-item;
-  }
-  ol, ul, menu {
-    list-style: none;
-  }
-  img, svg, video, canvas, audio, iframe, embed, object {
-    display: block;
-    vertical-align: middle;
-  }
-  img, video {
-    max-width: 100%;
-    height: auto;
-  }
-  button, input, select, optgroup, textarea, ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    border-radius: 0;
-    background-color: transparent;
-    opacity: 1;
-  }
-  :where(select:is([multiple], [size])) optgroup {
-    font-weight: bolder;
-  }
-  :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
-  }
-  ::file-selector-button {
-    margin-inline-end: 4px;
-  }
-  ::placeholder {
-    opacity: 1;
-  }
-  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentcolor;
-      @supports (color: color-mix(in lab, red, red)) {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
-  }
-  textarea {
-    resize: vertical;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-date-and-time-value {
-    min-height: 1lh;
-    text-align: inherit;
-  }
-  ::-webkit-datetime-edit {
-    display: inline-flex;
-  }
-  ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-  ::-webkit-calendar-picker-indicator {
-    line-height: 1;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
-    appearance: button;
-  }
-  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [hidden]:where(:not([hidden='until-found'])) {
-    display: none !important;
-  }
-}
-@layer utilities {
-  .menu {
-    @layer daisyui.component {
-      display: flex;
-      width: fit-content;
-      flex-direction: column;
-      flex-wrap: wrap;
-      padding: calc(0.25rem * 2);
-      --menu-active-fg: var(--color-neutral-content);
-      --menu-active-bg: var(--color-neutral);
-      font-size: 0.875rem;
-      :where(li ul) {
-        position: relative;
-        margin-inline-start: calc(0.25rem * 4);
-        padding-inline-start: calc(0.25rem * 2);
-        white-space: nowrap;
-        &:before {
-          position: absolute;
-          inset-inline-start: calc(0.25rem * 0);
-          top: calc(0.25rem * 3);
-          bottom: calc(0.25rem * 3);
-          background-color: var(--color-base-content);
-          opacity: 10%;
-          width: var(--border);
-          content: "";
-        }
-      }
-      :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
-        display: none;
-      }
-      :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        display: grid;
-        grid-auto-flow: column;
-        align-content: flex-start;
-        align-items: center;
-        gap: calc(0.25rem * 2);
-        border-radius: var(--radius-field);
-        padding-inline: calc(0.25rem * 3);
-        padding-block: calc(0.25rem * 1.5);
-        text-align: start;
-        transition-property: color, background-color, box-shadow;
-        transition-duration: 0.2s;
-        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-        grid-auto-columns: minmax(auto, max-content) auto max-content;
-        text-wrap: balance;
-        user-select: none;
-      }
-      :where(li > details > summary) {
-        --tw-outline-style: none;
-        outline-style: none;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent;
-          outline-offset: 2px;
-        }
-        &::-webkit-details-marker {
-          display: none;
-        }
-      }
-      :where(li > details > summary), :where(li > .menu-dropdown-toggle) {
-        &:after {
-          justify-self: flex-end;
-          display: block;
-          height: 0.375rem;
-          width: 0.375rem;
-          rotate: -135deg;
-          translate: 0 -1px;
-          transition-property: rotate, translate;
-          transition-duration: 0.2s;
-          content: "";
-          transform-origin: 50% 50%;
-          box-shadow: 2px 2px inset;
-          pointer-events: none;
-        }
-      }
-      :where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
-        rotate: 45deg;
-        translate: 0 1px;
-      }
-      :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {
-        &.menu-focus, &:focus-visible {
-          cursor: pointer;
-          background-color: var(--color-base-content);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-          }
-          color: var(--color-base-content);
-          --tw-outline-style: none;
-          outline-style: none;
-          @media (forced-colors: active) {
-            outline: 2px solid transparent;
-            outline-offset: 2px;
-          }
-        }
-      }
-      :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-        cursor: pointer;
-        background-color: var(--color-base-content);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-        }
-        --tw-outline-style: none;
-        outline-style: none;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent;
-          outline-offset: 2px;
-        }
-        box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
-      }
-      :where(li:empty) {
-        background-color: var(--color-base-content);
-        opacity: 10%;
-        margin: 0.5rem 1rem;
-        height: 1px;
-      }
-      :where(li) {
-        position: relative;
-        display: flex;
-        flex-shrink: 0;
-        flex-direction: column;
-        flex-wrap: wrap;
-        align-items: stretch;
-        .badge {
-          justify-self: flex-end;
-        }
-        & > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {
-          --tw-outline-style: none;
-          outline-style: none;
-          @media (forced-colors: active) {
-            outline: 2px solid transparent;
-            outline-offset: 2px;
-          }
-          color: var(--menu-active-fg);
-          background-color: var(--menu-active-bg);
-          background-size: auto, calc(var(--noise) * 100%);
-          background-image: none, var(--fx-noise);
-          &:not(&:active) {
-            box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
-          }
-        }
-        &.menu-disabled {
-          pointer-events: none;
-          color: var(--color-base-content);
-          @supports (color: color-mix(in lab, red, red)) {
-            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-          }
-        }
-      }
-      .dropdown:focus-within {
-        .menu-dropdown-toggle:after {
-          rotate: 45deg;
-          translate: 0 1px;
-        }
-      }
-      .dropdown-content {
-        margin-top: calc(0.25rem * 2);
-        padding: calc(0.25rem * 2);
-        &:before {
-          display: none;
-        }
-      }
-    }
-  }
-  .dropdown {
-    @layer daisyui.component {
-      position: relative;
-      display: inline-block;
-      position-area: var(--anchor-v, bottom) var(--anchor-h, span-right);
-      & > *:not(summary):focus {
-        --tw-outline-style: none;
-        outline-style: none;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent;
-          outline-offset: 2px;
-        }
-      }
-      .dropdown-content {
-        position: absolute;
-      }
-      &:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content, &.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .dropdown-content {
-        display: none;
-        transform-origin: top;
-        opacity: 0%;
-        scale: 95%;
-      }
-      &[popover], .dropdown-content {
-        z-index: 999;
-        @media (prefers-reduced-motion: no-preference) {
-          animation: dropdown 0.2s;
-          transition-property: opacity, scale, display;
-          transition-behavior: allow-discrete;
-          transition-duration: 0.2s;
-          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        }
-      }
-      @starting-style {
-        &[popover], .dropdown-content {
-          scale: 95%;
-          opacity: 0;
-        }
-      }
-      &.dropdown-open, &:not(.dropdown-hover):focus, &:focus-within {
-        > [tabindex]:first-child {
-          pointer-events: none;
-        }
-        .dropdown-content {
-          opacity: 100%;
-        }
-      }
-      &.dropdown-hover:hover {
-        .dropdown-content {
-          opacity: 100%;
-          scale: 100%;
-        }
-      }
-      &:is(details) {
-        summary {
-          &::-webkit-details-marker {
-            display: none;
-          }
-        }
-      }
-      &.dropdown-open, &:focus, &:focus-within {
-        .dropdown-content {
-          scale: 100%;
-        }
-      }
-      &:where([popover]) {
-        background: #0000;
-      }
-      &[popover] {
-        position: fixed;
-        color: inherit;
-        @supports not (position-area: bottom) {
-          margin: auto;
-          &.dropdown-open:not(:popover-open) {
-            display: none;
-            transform-origin: top;
-            opacity: 0%;
-            scale: 95%;
-          }
-          &::backdrop {
-            background-color: color-mix(in oklab, #000 30%, #0000);
-          }
-        }
-        &:not(.dropdown-open, :popover-open) {
-          display: none;
-          transform-origin: top;
-          opacity: 0%;
-          scale: 95%;
-        }
-      }
-    }
-  }
-  .btn {
-    :where(&) {
-      @layer daisyui.component {
-        width: unset;
-      }
-    }
-    .prose & {
-      text-decoration-line: none;
-    }
-    @layer daisyui.component {
-      display: inline-flex;
-      flex-shrink: 0;
-      cursor: pointer;
-      flex-wrap: nowrap;
-      align-items: center;
-      justify-content: center;
-      gap: calc(0.25rem * 1.5);
-      text-align: center;
-      vertical-align: middle;
-      outline-offset: 2px;
-      webkit-user-select: none;
-      user-select: none;
-      padding-inline: var(--btn-p);
-      color: var(--btn-fg);
-      --tw-prose-links: var(--btn-fg);
-      height: var(--size);
-      font-size: var(--fontsize, 0.875rem);
-      font-weight: 600;
-      outline-color: var(--btn-color, var(--color-base-content));
-      transition-property: color, background-color, border-color, box-shadow;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-      transition-duration: 0.2s;
-      border-start-start-radius: var(--join-ss, var(--radius-field));
-      border-start-end-radius: var(--join-se, var(--radius-field));
-      border-end-start-radius: var(--join-es, var(--radius-field));
-      border-end-end-radius: var(--join-ee, var(--radius-field));
-      background-color: var(--btn-bg);
-      background-size: auto, calc(var(--noise) * 100%);
-      background-image: none, var(--btn-noise);
-      border-width: var(--border);
-      border-style: solid;
-      border-color: var(--btn-border);
-      text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
-      touch-action: manipulation;
-      box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
-      --size: calc(var(--size-field, 0.25rem) * 10);
-      --btn-bg: var(--btn-color, var(--color-base-200));
-      --btn-fg: var(--color-base-content);
-      --btn-p: 1rem;
-      --btn-border: var(--btn-bg);
-      @supports (color: color-mix(in lab, red, red)) {
-        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
-      }
-      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
-      0 4px 3px -2px var(--btn-bg);
-      @supports (color: color-mix(in lab, red, red)) {
-        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
-      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
-      }
-      --btn-noise: var(--fx-noise);
-      @media (hover: hover) {
-        &:hover {
-          --btn-bg: var(--btn-color, var(--color-base-200));
-          @supports (color: color-mix(in lab, red, red)) {
-            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
-          }
-        }
-      }
-      &:focus-visible, &:has(:focus-visible) {
-        outline-width: 2px;
-        outline-style: solid;
-        isolation: isolate;
-      }
-      &:active:not(.btn-active) {
-        translate: 0 0.5px;
-        --btn-bg: var(--btn-color, var(--color-base-200));
-        @supports (color: color-mix(in lab, red, red)) {
-          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
-        }
-        --btn-border: var(--btn-color, var(--color-base-200));
-        @supports (color: color-mix(in lab, red, red)) {
-          --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
-        }
-        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
-      }
-      &:is(input[type="checkbox"], input[type="radio"]) {
-        appearance: none;
-        &::after {
-          --tw-content: attr(aria-label);
-          content: var(--tw-content);
-        }
-      }
-      &:where(input:checked:not(.filter .btn)) {
-        --btn-color: var(--color-primary);
-        --btn-fg: var(--color-primary-content);
-        isolation: isolate;
-      }
-    }
-    &:disabled {
-      @layer daisyui.modifier {
-        &:not(.btn-link, .btn-ghost) {
-          background-color: var(--color-base-content);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-          }
-          box-shadow: none;
-        }
-        pointer-events: none;
-        --btn-border: #0000;
-        --btn-noise: none;
-        --btn-fg: var(--color-base-content);
-        @supports (color: color-mix(in lab, red, red)) {
-          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
-        }
-        @media (hover: hover) {
-          &:hover {
-            pointer-events: none;
-            background-color: var(--color-neutral);
-            @supports (color: color-mix(in lab, red, red)) {
-              background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
-            }
-            --btn-border: #0000;
-            --btn-fg: var(--color-base-content);
-            @supports (color: color-mix(in lab, red, red)) {
-              --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
-            }
-          }
-        }
-      }
-    }
-    &[disabled] {
-      @layer daisyui.modifier {
-        &:not(.btn-link, .btn-ghost) {
-          background-color: var(--color-base-content);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-          }
-          box-shadow: none;
-        }
-        pointer-events: none;
-        --btn-border: #0000;
-        --btn-noise: none;
-        --btn-fg: var(--color-base-content);
-        @supports (color: color-mix(in lab, red, red)) {
-          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
-        }
-        @media (hover: hover) {
-          &:hover {
-            pointer-events: none;
-            background-color: var(--color-neutral);
-            @supports (color: color-mix(in lab, red, red)) {
-              background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
-            }
-            --btn-border: #0000;
-            --btn-fg: var(--color-base-content);
-            @supports (color: color-mix(in lab, red, red)) {
-              --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
-            }
-          }
-        }
-      }
-    }
-  }
-  .loading {
-    @layer daisyui.component {
-      pointer-events: none;
-      display: inline-block;
-      aspect-ratio: 1 / 1;
-      background-color: currentcolor;
-      vertical-align: middle;
-      width: calc(var(--size-selector, 0.25rem) * 6);
-      mask-size: 100%;
-      mask-repeat: no-repeat;
-      mask-position: center;
-      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
-    }
-  }
-  .collapse {
-    &:not(td, tr, colgroup) {
-      visibility: revert-layer;
-    }
-    @layer daisyui.component {
-      display: grid;
-      position: relative;
-      overflow: hidden;
-      border-radius: var(--radius-box, 1rem);
-      width: 100%;
-      grid-template-rows: max-content 0fr;
-      grid-template-columns: minmax(0, 1fr);
-      isolation: isolate;
-      @media (prefers-reduced-motion: no-preference) {
-        transition: grid-template-rows 0.2s;
-      }
-      > input:is([type="checkbox"], [type="radio"]) {
-        grid-column-start: 1;
-        grid-row-start: 1;
-        appearance: none;
-        opacity: 0;
-        z-index: 1;
-        width: 100%;
-        padding: 1rem;
-        padding-inline-end: 3rem;
-        min-height: 1lh;
-        transition: background-color 0.2s ease-out;
-      }
-      &:is( [open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ), &:not(.collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
-        grid-template-rows: max-content 1fr;
-      }
-      &:is( [open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > .collapse-content, &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
-        content-visibility: visible;
-        min-height: fit-content;
-        @supports not (content-visibility: visible) {
-          visibility: visible;
-        }
-      }
-      &:focus-visible, &:has(> input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
-        outline-color: var(--color-base-content);
-        outline-style: solid;
-        outline-width: 2px;
-        outline-offset: 2px;
-      }
-      &:not(.collapse-close) {
-        > input[type="checkbox"], > input[type="radio"]:not(:checked), > .collapse-title {
-          cursor: pointer;
-        }
-      }
-      &[tabindex]:focus:not(.collapse-close, .collapse[open]), &[tabindex]:focus-within:not(.collapse-close, .collapse[open]) {
-        > .collapse-title {
-          cursor: unset;
-        }
-      }
-      &:is( [open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
-        padding-bottom: 1rem;
-      }
-    }
-    @layer daisyui.modifier {
-      &:is([open]) {
-        &.collapse-arrow {
-          > .collapse-title:after {
-            @media (prefers-reduced-motion: no-preference) {
-              transform: translateY(-50%) rotate(225deg);
-            }
-          }
-        }
-      }
-      &.collapse-open {
-        &.collapse-arrow {
-          > .collapse-title:after {
-            @media (prefers-reduced-motion: no-preference) {
-              transform: translateY(-50%) rotate(225deg);
-            }
-          }
-        }
-        &.collapse-plus {
-          > .collapse-title:after {
-            --tw-content: "−";
-            content: var(--tw-content);
-          }
-        }
-      }
-      &[tabindex].collapse-arrow:focus:not(.collapse-close), &.collapse-arrow[tabindex]:focus-within:not(.collapse-close) {
-        > .collapse-title:after {
-          transform: translateY(-50%) rotate(225deg);
-        }
-      }
-      &.collapse-arrow:not(.collapse-close) {
-        > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
-          transform: translateY(-50%) rotate(225deg);
-        }
-      }
-      &[open] {
-        &.collapse-plus {
-          > .collapse-title:after {
-            --tw-content: "−";
-            content: var(--tw-content);
-          }
-        }
-      }
-      &[tabindex].collapse-plus:focus:not(.collapse-close) {
-        > .collapse-title:after {
-          --tw-content: "−";
-          content: var(--tw-content);
-        }
-      }
-      &.collapse-plus:not(.collapse-close) {
-        > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
-          --tw-content: "−";
-          content: var(--tw-content);
-        }
-      }
-    }
-    &:is(details) {
-      @layer daisyui.component {
-        width: 100%;
-        @media (prefers-reduced-motion: no-preference) {
-          &::details-content {
-            transition: content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, padding 0.2s ease-out, background-color 0.2s ease-out, height 0.2s;
-            height: 0;
-            interpolate-size: allow-keywords;
-          }
-          &:where([open])::details-content {
-            height: auto;
-          }
-        }
-        & summary {
-          position: relative;
-          display: block;
-          &::-webkit-details-marker {
-            display: none;
-          }
-        }
-        & > .collapse-content {
-          content-visibility: visible;
-        }
-      }
-    }
-    &:is(details) summary {
-      @layer daisyui.component {
-        outline: none;
-      }
-    }
-  }
-  .collapse {
-    visibility: collapse;
-  }
-  .steps {
-    @layer daisyui.component {
-      display: inline-grid;
-      grid-auto-flow: column;
-      overflow: hidden;
-      overflow-x: auto;
-      counter-reset: step;
-      grid-auto-columns: 1fr;
-      .step {
-        display: grid;
-        grid-template-columns: repeat(1, minmax(0, 1fr));
-        grid-template-columns: auto;
-        grid-template-rows: repeat(2, minmax(0, 1fr));
-        grid-template-rows: 40px 1fr;
-        place-items: center;
-        text-align: center;
-        min-width: 4rem;
-        --step-bg: var(--color-base-300);
-        --step-fg: var(--color-base-content);
-        &:before {
-          top: calc(0.25rem * 0);
-          grid-column-start: 1;
-          grid-row-start: 1;
-          height: calc(0.25rem * 2);
-          width: 100%;
-          border: 1px solid;
-          color: var(--step-bg);
-          background-color: var(--step-bg);
-          content: "";
-          margin-inline-start: -100%;
-        }
-        > .step-icon, &:not(:has(.step-icon)):after {
-          --tw-content: counter(step);
-          content: var(--tw-content);
-          counter-increment: step;
-          z-index: 1;
-          color: var(--step-fg);
-          background-color: var(--step-bg);
-          border: 1px solid var(--step-bg);
-          position: relative;
-          grid-column-start: 1;
-          grid-row-start: 1;
-          display: grid;
-          height: calc(0.25rem * 8);
-          width: calc(0.25rem * 8);
-          place-items: center;
-          place-self: center;
-          border-radius: calc(infinity * 1px);
-        }
-        &:first-child:before {
-          --tw-content: none;
-          content: var(--tw-content);
-        }
-        &[data-content]:after {
-          --tw-content: attr(data-content);
-          content: var(--tw-content);
-        }
-      }
-    }
-    @layer daisyui.modifier {
-      .step-neutral {
-        + .step-neutral:before, &:after, > .step-icon {
-          --step-bg: var(--color-neutral);
-          --step-fg: var(--color-neutral-content);
-        }
-      }
-      .step-primary {
-        + .step-primary:before, &:after, > .step-icon {
-          --step-bg: var(--color-primary);
-          --step-fg: var(--color-primary-content);
-        }
-      }
-      .step-secondary {
-        + .step-secondary:before, &:after, > .step-icon {
-          --step-bg: var(--color-secondary);
-          --step-fg: var(--color-secondary-content);
-        }
-      }
-      .step-accent {
-        + .step-accent:before, &:after, > .step-icon {
-          --step-bg: var(--color-accent);
-          --step-fg: var(--color-accent-content);
-        }
-      }
-      .step-info {
-        + .step-info:before, &:after, > .step-icon {
-          --step-bg: var(--color-info);
-          --step-fg: var(--color-info-content);
-        }
-      }
-      .step-success {
-        + .step-success:before, &:after, > .step-icon {
-          --step-bg: var(--color-success);
-          --step-fg: var(--color-success-content);
-        }
-      }
-      .step-warning {
-        + .step-warning:before, &:after, > .step-icon {
-          --step-bg: var(--color-warning);
-          --step-fg: var(--color-warning-content);
-        }
-      }
-      .step-error {
-        + .step-error:before, &:after, > .step-icon {
-          --step-bg: var(--color-error);
-          --step-fg: var(--color-error-content);
-        }
-      }
-    }
-  }
-  .select {
-    @layer daisyui.component {
-      border: var(--border) solid #0000;
-      position: relative;
-      display: inline-flex;
-      flex-shrink: 1;
-      appearance: none;
-      align-items: center;
-      gap: calc(0.25rem * 1.5);
-      background-color: var(--color-base-100);
-      padding-inline-start: calc(0.25rem * 3);
-      padding-inline-end: calc(0.25rem * 7);
-      vertical-align: middle;
-      width: clamp(3rem, 20rem, 100%);
-      height: var(--size);
-      font-size: 0.875rem;
-      touch-action: manipulation;
-      border-start-start-radius: var(--join-ss, var(--radius-field));
-      border-start-end-radius: var(--join-se, var(--radius-field));
-      border-end-start-radius: var(--join-es, var(--radius-field));
-      border-end-end-radius: var(--join-ee, var(--radius-field));
-      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
-      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
-      background-size: 4px 4px, 4px 4px;
-      background-repeat: no-repeat;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-      @supports (color: color-mix(in lab, red, red)) {
-        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-      }
-      border-color: var(--input-color);
-      --input-color: var(--color-base-content);
-      @supports (color: color-mix(in lab, red, red)) {
-        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
-      }
-      --size: calc(var(--size-field, 0.25rem) * 10);
-      [dir="rtl"] & {
-        background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
-        &::picker(select), select::picker(select) {
-          translate: 0.5rem 0;
-        }
-      }
-      &[multiple] {
-        height: auto;
-        overflow: auto;
-        padding-block: calc(0.25rem * 3);
-        padding-inline-end: calc(0.25rem * 3);
-        background-image: none;
-      }
-      select {
-        margin-inline-start: calc(0.25rem * -3);
-        margin-inline-end: calc(0.25rem * -7);
-        width: calc(100% + 2.75rem);
-        appearance: none;
-        padding-inline-start: calc(0.25rem * 3);
-        padding-inline-end: calc(0.25rem * 7);
-        height: calc(100% - calc(var(--border) * 2));
-        align-items: center;
-        background: inherit;
-        border-radius: inherit;
-        border-style: none;
-        &:focus, &:focus-within {
-          --tw-outline-style: none;
-          outline-style: none;
-          @media (forced-colors: active) {
-            outline: 2px solid transparent;
-            outline-offset: 2px;
-          }
-        }
-        &:not(:last-child) {
-          margin-inline-end: calc(0.25rem * -5.5);
-          background-image: none;
-        }
-      }
-      &:focus, &:focus-within {
-        --input-color: var(--color-base-content);
-        box-shadow: 0 1px var(--input-color);
-        @supports (color: color-mix(in lab, red, red)) {
-          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
-        }
-        outline: 2px solid var(--input-color);
-        outline-offset: 2px;
-        isolation: isolate;
-        z-index: 1;
-      }
-      &:has(> select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
-        cursor: not-allowed;
-        border-color: var(--color-base-200);
-        background-color: var(--color-base-200);
-        color: var(--color-base-content);
-        @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-        }
-        &::placeholder {
-          color: var(--color-base-content);
-          @supports (color: color-mix(in lab, red, red)) {
-            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-          }
-        }
-      }
-      &:has(> select[disabled]) > select[disabled] {
-        cursor: not-allowed;
-      }
-      &, & select {
-        @supports (appearance: base-select) {
-          appearance: base-select;
-        }
-        @supports (appearance: base-select) {
-          &::picker(select) {
-            appearance: base-select;
-          }
-        }
-        &::picker(select) {
-          color: inherit;
-          max-height: min(24rem, 70dvh);
-          margin-inline: 0.5rem;
-          translate: -0.5rem 0;
-          border: var(--border) solid var(--color-base-200);
-          margin-block: calc(0.25rem * 2);
-          border-radius: var(--radius-box);
-          padding: calc(0.25rem * 2);
-          background-color: inherit;
-          box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
-          box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
-        }
-        &::picker-icon {
-          display: none;
-        }
-        optgroup {
-          padding-top: 0.5em;
-          option {
-            &:nth-child(1) {
-              margin-top: 0.5em;
-            }
-          }
-        }
-        option {
-          border-radius: var(--radius-field);
-          padding-inline: calc(0.25rem * 3);
-          padding-block: calc(0.25rem * 1.5);
-          transition-property: color, background-color;
-          transition-duration: 0.2s;
-          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-          white-space: normal;
-          &:not(:disabled) {
-            &:hover, &:focus-visible {
-              cursor: pointer;
-              background-color: var(--color-base-content);
-              @supports (color: color-mix(in lab, red, red)) {
-                background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-              }
-              --tw-outline-style: none;
-              outline-style: none;
-              @media (forced-colors: active) {
-                outline: 2px solid transparent;
-                outline-offset: 2px;
-              }
-            }
-            &:active {
-              background-color: var(--color-neutral);
-              color: var(--color-neutral-content);
-              box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
-            }
-          }
-        }
-      }
-    }
-  }
-  .menu-horizontal {
-    @layer daisyui.modifier {
-      display: inline-flex;
-      flex-direction: row;
-      & > li:not(.menu-title) > details > ul {
-        position: absolute;
-        margin-inline-start: calc(0.25rem * 0);
-        margin-top: calc(0.25rem * 4);
-        padding-block: calc(0.25rem * 2);
-        padding-inline-end: calc(0.25rem * 2);
-      }
-      & > li > details > ul {
-        &:before {
-          --tw-content: none;
-          content: var(--tw-content);
-        }
-      }
-      :where(& > li:not(.menu-title) > details > ul) {
-        border-radius: var(--radius-box);
-        background-color: var(--color-base-100);
-        box-shadow: 0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1);
-      }
-    }
-  }
-  .absolute {
-    position: absolute;
-  }
-  .relative {
-    position: relative;
-  }
-  .static {
-    position: static;
-  }
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
-  .right-0 {
-    right: calc(var(--spacing) * 0);
-  }
-  .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
-  }
-  .bottom-80 {
-    bottom: calc(var(--spacing) * 80);
-  }
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
-  .left-1\/2 {
-    left: calc(1/2 * 100%);
-  }
-  .hero-content {
-    @layer daisyui.component {
-      isolation: isolate;
-      display: flex;
-      max-width: 80rem;
-      align-items: center;
-      justify-content: center;
-      gap: calc(0.25rem * 4);
-      padding: calc(0.25rem * 4);
-    }
-  }
-  .z-0 {
-    z-index: 0;
-  }
-  .z-10 {
-    z-index: 10;
-  }
-  .z-30 {
-    z-index: 30;
-  }
-  .z-\[1\] {
-    z-index: 1;
-  }
-  .hero {
-    @layer daisyui.component {
-      display: grid;
-      width: 100%;
-      place-items: center;
-      background-size: cover;
-      background-position: center;
-      & > * {
-        grid-column-start: 1;
-        grid-row-start: 1;
-      }
-    }
-  }
-  .container {
-    width: 100%;
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem;
-    }
-  }
-  .mx-auto {
-    margin-inline: auto;
-  }
-  .my-0 {
-    margin-block: calc(var(--spacing) * 0);
-  }
-  .-mt-25 {
-    margin-top: calc(var(--spacing) * -25);
-  }
-  .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
-  }
-  .mt-4 {
-    margin-top: calc(var(--spacing) * 4);
-  }
-  .mt-5 {
-    margin-top: calc(var(--spacing) * 5);
-  }
-  .mt-10 {
-    margin-top: calc(var(--spacing) * 10);
-  }
-  .-mb-25 {
-    margin-bottom: calc(var(--spacing) * -25);
-  }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
-  .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
-  .mb-4 {
-    margin-bottom: calc(var(--spacing) * 4);
-  }
-  .mb-6 {
-    margin-bottom: calc(var(--spacing) * 6);
-  }
-  .mb-8 {
-    margin-bottom: calc(var(--spacing) * 8);
-  }
-  .mb-12 {
-    margin-bottom: calc(var(--spacing) * 12);
-  }
-  .mb-16 {
-    margin-bottom: calc(var(--spacing) * 16);
-  }
-  .mb-20 {
-    margin-bottom: calc(var(--spacing) * 20);
-  }
-  .navbar-start {
-    @layer daisyui.component {
-      display: inline-flex;
-      align-items: center;
-      width: 50%;
-      justify-content: flex-start;
-    }
-  }
-  .mask {
-    @layer daisyui.component {
-      display: inline-block;
-      vertical-align: middle;
-      mask-size: contain;
-      mask-repeat: no-repeat;
-      mask-position: center;
-    }
-  }
-  .block {
-    display: block;
-  }
-  .flex {
-    display: flex;
-  }
-  .grid {
-    display: grid;
-  }
-  .hidden {
-    display: none;
-  }
-  .inline-block {
-    display: inline-block;
-  }
-  .btn-square {
-    @layer daisyui.modifier {
-      padding-inline: calc(0.25rem * 0);
-      width: var(--size);
-      height: var(--size);
-    }
-  }
-  .h-5 {
-    height: calc(var(--spacing) * 5);
-  }
-  .h-6 {
-    height: calc(var(--spacing) * 6);
-  }
-  .h-8 {
-    height: calc(var(--spacing) * 8);
-  }
-  .h-12 {
-    height: calc(var(--spacing) * 12);
-  }
-  .h-20 {
-    height: calc(var(--spacing) * 20);
-  }
-  .h-48 {
-    height: calc(var(--spacing) * 48);
-  }
-  .h-\[2px\] {
-    height: 2px;
-  }
-  .h-\[800px\] {
-    height: 800px;
-  }
-  .h-auto {
-    height: auto;
-  }
-  .h-full {
-    height: 100%;
-  }
-  .max-h-32 {
-    max-height: calc(var(--spacing) * 32);
-  }
-  .min-h-screen {
-    min-height: 100vh;
-  }
-  .w-5 {
-    width: calc(var(--spacing) * 5);
-  }
-  .w-6 {
-    width: calc(var(--spacing) * 6);
-  }
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-  .w-32 {
-    width: calc(var(--spacing) * 32);
-  }
-  .w-52 {
-    width: calc(var(--spacing) * 52);
-  }
-  .w-\[20px\] {
-    width: 20px;
-  }
-  .w-\[24px\] {
-    width: 24px;
-  }
-  .w-\[45\%\] {
-    width: 45%;
-  }
-  .w-\[55\%\] {
-    width: 55%;
-  }
-  .w-\[189px\] {
-    width: 189px;
-  }
-  .w-\[336\.34px\] {
-    width: 336.34px;
-  }
-  .w-\[500px\] {
-    width: 500px;
-  }
-  .w-\[635px\] {
-    width: 635px;
-  }
-  .w-\[670px\] {
-    width: 670px;
-  }
-  .w-\[960px\] {
-    width: 960px;
-  }
-  .w-\[1260px\] {
-    width: 1260px;
-  }
-  .w-full {
-    width: 100%;
-  }
-  .max-w-3xl {
-    max-width: var(--container-3xl);
-  }
-  .max-w-4xl {
-    max-width: var(--container-4xl);
-  }
-  .max-w-5xl {
-    max-width: var(--container-5xl);
-  }
-  .max-w-6xl {
-    max-width: var(--container-6xl);
-  }
-  .max-w-7xl {
-    max-width: var(--container-7xl);
-  }
-  .max-w-\[127px\] {
-    max-width: 127px;
-  }
-  .max-w-\[233px\] {
-    max-width: 233px;
-  }
-  .max-w-\[350px\] {
-    max-width: 350px;
-  }
-  .max-w-\[510px\] {
-    max-width: 510px;
-  }
-  .max-w-\[620px\] {
-    max-width: 620px;
-  }
-  .max-w-\[1112pv\] {
-    max-width: 1112pv;
-  }
-  .max-w-\[1160px\] {
-    max-width: 1160px;
-  }
-  .max-w-full {
-    max-width: 100%;
-  }
-  .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
-  .grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: flex-end;
-  }
-  .items-start {
-    align-items: flex-start;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .gap-2 {
-    gap: calc(var(--spacing) * 2);
-  }
-  .gap-3\.5 {
-    gap: calc(var(--spacing) * 3.5);
-  }
-  .gap-4 {
-    gap: calc(var(--spacing) * 4);
-  }
-  .gap-5 {
-    gap: calc(var(--spacing) * 5);
-  }
-  .gap-7 {
-    gap: calc(var(--spacing) * 7);
-  }
-  .gap-8 {
-    gap: calc(var(--spacing) * 8);
-  }
-  .gap-10 {
-    gap: calc(var(--spacing) * 10);
-  }
-  .gap-12 {
-    gap: calc(var(--spacing) * 12);
-  }
-  .gap-\[30px\] {
-    gap: 30px;
-  }
-  .space-y-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-4 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-6 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-8 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-x-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
-    }
-  }
-  .overflow-hidden {
-    overflow: hidden;
-  }
-  .menu-sm {
-    @layer daisyui.modifier {
-      :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-        border-radius: var(--radius-field);
-        padding-inline: calc(0.25rem * 2.5);
-        padding-block: calc(0.25rem * 1);
-        font-size: 0.75rem;
-      }
-      .menu-title {
-        padding-inline: calc(0.25rem * 3);
-        padding-block: calc(0.25rem * 2);
-      }
-    }
-  }
-  .rounded-2xl {
-    border-radius: var(--radius-2xl);
-  }
-  .rounded-3xl {
-    border-radius: var(--radius-3xl);
-  }
-  .rounded-\[24px\] {
-    border-radius: 24px;
-  }
-  .rounded-box {
-    border-radius: var(--radius-box);
-  }
-  .rounded-box {
-    border-radius: var(--radius-box);
-  }
-  .rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
-  .rounded-lg {
-    border-radius: var(--radius-lg);
-  }
-  .border-0 {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  .border-b-4 {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 4px;
-  }
-  .bg-\[\#B04301\] {
-    background-color: #B04301;
-  }
-  .bg-\[\#F4E6D4\] {
-    background-color: #F4E6D4;
-  }
-  .bg-\[\#F26D1D\] {
-    background-color: #F26D1D;
-  }
-  .bg-\[\#FFF3E5\] {
-    background-color: #FFF3E5;
-  }
-  .bg-\[\#FFF8F0\] {
-    background-color: #FFF8F0;
-  }
-  .bg-\[\#FFF9F2\] {
-    background-color: #FFF9F2;
-  }
-  .bg-base-100 {
-    background-color: var(--color-base-100);
-  }
-  .bg-transparent {
-    background-color: transparent;
-  }
-  .bg-white {
-    background-color: var(--color-white);
-  }
-  .bg-white\/50 {
-    background-color: color-mix(in srgb, #fff 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
-    }
-  }
-  .bg-\[url\(\'\/static\/img\/when-where-bg\.jpg\'\)\] {
-    background-image: url('/static/img/when-where-bg.jpg');
-  }
-  .bg-cover {
-    background-size: cover;
-  }
-  .bg-center {
-    background-position: center;
-  }
-  .object-contain {
-    object-fit: contain;
-  }
-  .p-1 {
-    padding: calc(var(--spacing) * 1);
-  }
-  .p-2 {
-    padding: calc(var(--spacing) * 2);
-  }
-  .p-4 {
-    padding: calc(var(--spacing) * 4);
-  }
-  .p-8 {
-    padding: calc(var(--spacing) * 8);
-  }
-  .p-\[20px\] {
-    padding: 20px;
-  }
-  .p-\[30px\] {
-    padding: 30px;
-  }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
-  .px-6 {
-    padding-inline: calc(var(--spacing) * 6);
-  }
-  .px-8 {
-    padding-inline: calc(var(--spacing) * 8);
-  }
-  .px-16 {
-    padding-inline: calc(var(--spacing) * 16);
-  }
-  .px-\[90px\] {
-    padding-inline: 90px;
-  }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
-  .py-1\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
-  }
-  .py-3\.5 {
-    padding-block: calc(var(--spacing) * 3.5);
-  }
-  .py-4 {
-    padding-block: calc(var(--spacing) * 4);
-  }
-  .py-6 {
-    padding-block: calc(var(--spacing) * 6);
-  }
-  .py-12 {
-    padding-block: calc(var(--spacing) * 12);
-  }
-  .py-20 {
-    padding-block: calc(var(--spacing) * 20);
-  }
-  .py-\[18px\] {
-    padding-block: 18px;
-  }
-  .py-\[27px\] {
-    padding-block: 27px;
-  }
-  .pt-8 {
-    padding-top: calc(var(--spacing) * 8);
-  }
-  .pt-\[170px\] {
-    padding-top: 170px;
-  }
-  .pb-4 {
-    padding-bottom: calc(var(--spacing) * 4);
-  }
-  .pb-10 {
-    padding-bottom: calc(var(--spacing) * 10);
-  }
-  .pb-\[56\.25\%\] {
-    padding-bottom: 56.25%;
-  }
-  .text-center {
-    text-align: center;
-  }
-  .text-left {
-    text-align: left;
-  }
-  .text-2xl {
-    font-size: var(--text-2xl);
-    line-height: var(--tw-leading, var(--text-2xl--line-height));
-  }
-  .text-3xl {
-    font-size: var(--text-3xl);
-    line-height: var(--tw-leading, var(--text-3xl--line-height));
-  }
-  .text-5xl {
-    font-size: var(--text-5xl);
-    line-height: var(--tw-leading, var(--text-5xl--line-height));
-  }
-  .text-6xl {
-    font-size: var(--text-6xl);
-    line-height: var(--tw-leading, var(--text-6xl--line-height));
-  }
-  .text-base {
-    font-size: var(--text-base);
-    line-height: var(--tw-leading, var(--text-base--line-height));
-  }
-  .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
-  .text-sm {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-  }
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
-  .text-\[13px\] {
-    font-size: 13px;
-  }
-  .text-\[22px\] {
-    font-size: 22px;
-  }
-  .text-\[28px\] {
-    font-size: 28px;
-  }
-  .text-\[35px\] {
-    font-size: 35px;
-  }
-  .text-\[52px\] {
-    font-size: 52px;
-  }
-  .leading-\[120\%\] {
-    --tw-leading: 120%;
-    line-height: 120%;
-  }
-  .leading-\[130\%\] {
-    --tw-leading: 130%;
-    line-height: 130%;
-  }
-  .leading-\[150\%\] {
-    --tw-leading: 150%;
-    line-height: 150%;
-  }
-  .leading-relaxed {
-    --tw-leading: var(--leading-relaxed);
-    line-height: var(--leading-relaxed);
-  }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
-  .font-light {
-    --tw-font-weight: var(--font-weight-light);
-    font-weight: var(--font-weight-light);
-  }
-  .font-medium {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
-  .font-semibold {
-    --tw-font-weight: var(--font-weight-semibold);
-    font-weight: var(--font-weight-semibold);
-  }
-  .tracking-\[2\%\] {
-    --tw-tracking: 2%;
-    letter-spacing: 2%;
-  }
-  .tracking-wide {
-    --tw-tracking: var(--tracking-wide);
-    letter-spacing: var(--tracking-wide);
-  }
-  .tracking-wider {
-    --tw-tracking: var(--tracking-wider);
-    letter-spacing: var(--tracking-wider);
-  }
-  .text-\[\#7C5E3B\] {
-    color: #7C5E3B;
-  }
-  .text-\[\#84400F\] {
-    color: #84400F;
-  }
-  .text-\[\#D87532\] {
-    color: #D87532;
-  }
-  .text-\[\#F26D1D\] {
-    color: #F26D1D;
-  }
-  .text-\[\#FFA218\] {
-    color: #FFA218;
-  }
-  .text-white {
-    color: var(--color-white);
-  }
-  .capitalize {
-    text-transform: capitalize;
-  }
-  .uppercase {
-    text-transform: uppercase;
-  }
-  .underline {
-    text-decoration-line: underline;
-  }
-  .shadow {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .shadow-\[0_10px_20px_0_rgba\(0\,0\,0\,0\.05\)\] {
-    --tw-shadow: 0 10px 20px 0 var(--tw-shadow-color, rgba(0,0,0,0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .btn-ghost {
-    @layer daisyui.modifier {
-      &:not(.btn-active, :hover, :active:focus, :focus-visible) {
-        --btn-shadow: "";
-        --btn-bg: #0000;
-        --btn-border: #0000;
-        --btn-noise: none;
-        &:not(:disabled, [disabled], .btn-disabled) {
-          outline-color: currentcolor;
-          --btn-fg: currentColor;
-        }
-      }
-      @media (hover: none) {
-        &:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
-          --btn-shadow: "";
-          --btn-bg: #0000;
-          --btn-border: #0000;
-          --btn-noise: none;
-          --btn-fg: currentColor;
-        }
-      }
-    }
-  }
-  .backdrop-blur-sm {
-    --tw-backdrop-blur: blur(var(--blur-sm));
-    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-  }
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .btn-primary {
-    @layer daisyui.modifier.color {
-      --btn-color: var(--color-primary);
-      --btn-fg: var(--color-primary-content);
-    }
-  }
-  .hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
-    }
-  }
-  .hover\:opacity-70 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 70%;
-      }
-    }
-  }
-  .hover\:opacity-90 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 90%;
-      }
-    }
-  }
-  .md\:block {
-    @media (width >= 48rem) {
-      display: block;
-    }
-  }
-  .md\:h-\[60px\] {
-    @media (width >= 48rem) {
-      height: 60px;
-    }
-  }
-  .md\:grid-cols-2 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
-  .md\:grid-cols-3 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-  }
-  .md\:grid-cols-4 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-  }
-  .md\:flex-row {
-    @media (width >= 48rem) {
-      flex-direction: row;
-    }
-  }
-  .md\:space-y-0 {
-    @media (width >= 48rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-y-reverse: 0;
-        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
-        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
-      }
-    }
-  }
-  .md\:space-x-8 {
-    @media (width >= 48rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
-      }
-    }
-  }
-  .md\:px-16 {
-    @media (width >= 48rem) {
-      padding-inline: calc(var(--spacing) * 16);
-    }
-  }
-  .md\:text-4xl {
-    @media (width >= 48rem) {
-      font-size: var(--text-4xl);
-      line-height: var(--tw-leading, var(--text-4xl--line-height));
-    }
-  }
-  .md\:text-6xl {
-    @media (width >= 48rem) {
-      font-size: var(--text-6xl);
-      line-height: var(--tw-leading, var(--text-6xl--line-height));
-    }
-  }
-  .lg\:bottom-20 {
-    @media (width >= 64rem) {
-      bottom: calc(var(--spacing) * 20);
-    }
-  }
-  .lg\:mt-\[-20px\] {
-    @media (width >= 64rem) {
-      margin-top: -20px;
-    }
-  }
-  .lg\:ml-\[-70px\] {
-    @media (width >= 64rem) {
-      margin-left: -70px;
-    }
-  }
-  .lg\:block {
-    @media (width >= 64rem) {
-      display: block;
-    }
-  }
-  .lg\:flex {
-    @media (width >= 64rem) {
-      display: flex;
-    }
-  }
-  .lg\:hidden {
-    @media (width >= 64rem) {
-      display: none;
-    }
-  }
-  .lg\:inline {
-    @media (width >= 64rem) {
-      display: inline;
-    }
-  }
-  .lg\:h-\[950px\] {
-    @media (width >= 64rem) {
-      height: 950px;
-    }
-  }
-  .lg\:btn-wide {
-    @media (width >= 64rem) {
-      @layer daisyui.modifier {
-        width: 100%;
-        max-width: calc(0.25rem * 64);
-      }
-    }
-  }
-  .lg\:w-\[574\.49px\] {
-    @media (width >= 64rem) {
-      width: 574.49px;
-    }
-  }
-  .lg\:w-full {
-    @media (width >= 64rem) {
-      width: 100%;
-    }
-  }
-  .lg\:grid-cols-2 {
-    @media (width >= 64rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
-  .lg\:bg-\[unset\] {
-    @media (width >= 64rem) {
-      background-color: unset;
-    }
-  }
-  .lg\:px-24 {
-    @media (width >= 64rem) {
-      padding-inline: calc(var(--spacing) * 24);
-    }
-  }
-  .lg\:text-6xl {
-    @media (width >= 64rem) {
-      font-size: var(--text-6xl);
-      line-height: var(--tw-leading, var(--text-6xl--line-height));
-    }
-  }
-  .xl\:mt-\[-10em\] {
-    @media (width >= 80rem) {
-      margin-top: -10em;
-    }
-  }
-  .xl\:mb-\[-7em\] {
-    @media (width >= 80rem) {
-      margin-bottom: -7em;
-    }
-  }
-  .xl\:block {
-    @media (width >= 80rem) {
-      display: block;
-    }
-  }
-}
-@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");
-body {
-  background-color: #fff9f2;
-  color: #7c5e3b;
-  font-size: 24px;
-}
-.test {
-  padding: 500px;
-}
-:root {
-  --color-primary: #f26d1d;
-  --orange-1: #bd4b06;
-  --orange-2: #f26d1d;
-  --orange-3: #ffa218;
-  --white: #ffffff;
-  --offwhite-1: #fff9f2;
-  --offwhite-2: #fff4e6;
-  --offwhite-3: #fff3e5;
-  --brown-1: #84400f;
-  --brown-2: #7c5e3b;
-  --brown-3: #b04301;
-  --bg-cream-1: #f8ebe5;
-  --bg-cream-2: #ffe7d5;
-  --bg-cream-3: #f8f0e5;
-  --stroke-1: #c9ac8a;
-}
-@font-face {
-  font-family: "Bantayog";
-  src: url("/static/fonts/Bantayog-Light.otf") format("opentype");
-  font-weight: 300;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Bantayog";
-  src: url("/static/fonts/Bantayog-Regular.otf") format("opentype");
-  font-weight: 400;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Bantayog";
-  src: url("/static/fonts/Bantayog-Semilight.otf") format("opentype");
-  font-weight: 600;
-  font-display: swap;
-}
-@font-face {
-  font-family: "Niwanguno";
-  src: url("/static/fonts/NiwangUno-Regular.otf") format("opentype");
-  font-weight: 400;
-  font-display: swap;
-}
-@font-face {
-  font-family: "TD Pinoy";
-  src: url("/static/fonts/TD_Pinoy.otf") format("opentype");
-  font-weight: 500;
-  font-display: swap;
-}
-.font-bantayog {
-  font-family: "Bantayog", sans-serif;
-}
-.font-niwanguno {
-  font-family: "Niwanguno", sans-serif;
-}
-.font-td_pinoy {
-  font-family: "TD Pinoy ", sans-serif;
-}
-.font-nunito {
-  font-family: "Nunito", regular, sans-serif;
-  weight: 400;
-  size: 18px;
-  line-height: 1.5;
-}
-.bg-orange-1 {
-  background-color: var(--orange-1);
-}
-.bg-orange-2 {
-  background-color: var(--orange-2);
-}
-.bg-white {
-  background-color: var(--white);
-}
-.bg-offwhite-1 {
-  background-color: var(--offwhite-1);
-}
-.bg-offwhite-2 {
-  background-color: var(--offwhite-2);
-}
-.bg-offwhite-3 {
-  background-color: var(--offwhite-3);
-}
-.bg-cream-1 {
-  background-color: var(--bg-cream-1);
-}
-.bg-cream-2 {
-  background-color: var(--bg-cream-2);
-}
-.bg-cream-3 {
-  background-color: var(--bg-cream-3);
-}
-.bg-transparent {
-  background-color: transparent;
-}
-.text-orange-2 {
-  color: var(--orange-2);
-}
-.text-orange-3 {
-  color: var(--orange-3);
-}
-.text-brown-1 {
-  color: var(--brown-1);
-}
-.text-brown-2 {
-  color: var(--brown-2);
-}
-.text-brown-3 {
-  color: var(--brown-3);
-}
-.text-white {
-  color: var(--white);
-}
-.border-stroke-1 {
-  border-color: var(--stroke-1);
-}
-.bg-primary-btn {
-  background-color: var(--orange-2);
-  color: var(--white);
-}
-.bg-secondary-btn {
-  background-color: var(--white);
-  color: var(--brown-1);
-}
-@layer base {
-  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
-    color-scheme: light;
-    --color-base-100: oklch(100% 0 0);
-    --color-base-200: oklch(98% 0 0);
-    --color-base-300: oklch(95% 0 0);
-    --color-base-content: oklch(21% 0.006 285.885);
-    --color-primary: oklch(45% 0.24 277.023);
-    --color-primary-content: oklch(93% 0.034 272.788);
-    --color-secondary: oklch(65% 0.241 354.308);
-    --color-secondary-content: oklch(94% 0.028 342.258);
-    --color-accent: oklch(77% 0.152 181.912);
-    --color-accent-content: oklch(38% 0.063 188.416);
-    --color-neutral: oklch(14% 0.005 285.823);
-    --color-neutral-content: oklch(92% 0.004 286.32);
-    --color-info: oklch(74% 0.16 232.661);
-    --color-info-content: oklch(29% 0.066 243.157);
-    --color-success: oklch(76% 0.177 163.223);
-    --color-success-content: oklch(37% 0.077 168.94);
-    --color-warning: oklch(82% 0.189 84.429);
-    --color-warning-content: oklch(41% 0.112 45.904);
-    --color-error: oklch(71% 0.194 13.428);
-    --color-error-content: oklch(27% 0.105 12.094);
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --border: 1px;
-    --depth: 1;
-    --noise: 0;
-  }
-}
-@layer base {
-  @media (prefers-color-scheme: dark) {
-    :root:not([data-theme]) {
-      color-scheme: dark;
-      --color-base-100: oklch(25.33% 0.016 252.42);
-      --color-base-200: oklch(23.26% 0.014 253.1);
-      --color-base-300: oklch(21.15% 0.012 254.09);
-      --color-base-content: oklch(97.807% 0.029 256.847);
-      --color-primary: oklch(58% 0.233 277.117);
-      --color-primary-content: oklch(96% 0.018 272.314);
-      --color-secondary: oklch(65% 0.241 354.308);
-      --color-secondary-content: oklch(94% 0.028 342.258);
-      --color-accent: oklch(77% 0.152 181.912);
-      --color-accent-content: oklch(38% 0.063 188.416);
-      --color-neutral: oklch(14% 0.005 285.823);
-      --color-neutral-content: oklch(92% 0.004 286.32);
-      --color-info: oklch(74% 0.16 232.661);
-      --color-info-content: oklch(29% 0.066 243.157);
-      --color-success: oklch(76% 0.177 163.223);
-      --color-success-content: oklch(37% 0.077 168.94);
-      --color-warning: oklch(82% 0.189 84.429);
-      --color-warning-content: oklch(41% 0.112 45.904);
-      --color-error: oklch(71% 0.194 13.428);
-      --color-error-content: oklch(27% 0.105 12.094);
-      --radius-selector: 0.5rem;
-      --radius-field: 0.25rem;
-      --radius-box: 0.5rem;
-      --size-selector: 0.25rem;
-      --size-field: 0.25rem;
-      --border: 1px;
-      --depth: 1;
-      --noise: 0;
-    }
-  }
-}
-@layer base {
-  :root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
-    color-scheme: light;
-    --color-base-100: oklch(100% 0 0);
-    --color-base-200: oklch(98% 0 0);
-    --color-base-300: oklch(95% 0 0);
-    --color-base-content: oklch(21% 0.006 285.885);
-    --color-primary: oklch(45% 0.24 277.023);
-    --color-primary-content: oklch(93% 0.034 272.788);
-    --color-secondary: oklch(65% 0.241 354.308);
-    --color-secondary-content: oklch(94% 0.028 342.258);
-    --color-accent: oklch(77% 0.152 181.912);
-    --color-accent-content: oklch(38% 0.063 188.416);
-    --color-neutral: oklch(14% 0.005 285.823);
-    --color-neutral-content: oklch(92% 0.004 286.32);
-    --color-info: oklch(74% 0.16 232.661);
-    --color-info-content: oklch(29% 0.066 243.157);
-    --color-success: oklch(76% 0.177 163.223);
-    --color-success-content: oklch(37% 0.077 168.94);
-    --color-warning: oklch(82% 0.189 84.429);
-    --color-warning-content: oklch(41% 0.112 45.904);
-    --color-error: oklch(71% 0.194 13.428);
-    --color-error-content: oklch(27% 0.105 12.094);
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --border: 1px;
-    --depth: 1;
-    --noise: 0;
-  }
-}
-@layer base {
-  :root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
-    color-scheme: dark;
-    --color-base-100: oklch(25.33% 0.016 252.42);
-    --color-base-200: oklch(23.26% 0.014 253.1);
-    --color-base-300: oklch(21.15% 0.012 254.09);
-    --color-base-content: oklch(97.807% 0.029 256.847);
-    --color-primary: oklch(58% 0.233 277.117);
-    --color-primary-content: oklch(96% 0.018 272.314);
-    --color-secondary: oklch(65% 0.241 354.308);
-    --color-secondary-content: oklch(94% 0.028 342.258);
-    --color-accent: oklch(77% 0.152 181.912);
-    --color-accent-content: oklch(38% 0.063 188.416);
-    --color-neutral: oklch(14% 0.005 285.823);
-    --color-neutral-content: oklch(92% 0.004 286.32);
-    --color-info: oklch(74% 0.16 232.661);
-    --color-info-content: oklch(29% 0.066 243.157);
-    --color-success: oklch(76% 0.177 163.223);
-    --color-success-content: oklch(37% 0.077 168.94);
-    --color-warning: oklch(82% 0.189 84.429);
-    --color-warning-content: oklch(41% 0.112 45.904);
-    --color-error: oklch(71% 0.194 13.428);
-    --color-error-content: oklch(27% 0.105 12.094);
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --border: 1px;
-    --depth: 1;
-    --noise: 0;
-  }
-}
-@layer base {
-  :root {
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
-  }
-}
-@layer base {
-  :root {
-    scrollbar-color: currentColor #0000;
-    @supports (color: color-mix(in lab, red, red)) {
-      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
-    }
-  }
-}
-@layer base {
-  @property --radialprogress {
-    syntax: "<percentage>";
-    inherits: true;
-    initial-value: 0%;
-  }
-}
-@layer base {
-  :root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked) {
-    overflow: hidden;
-    --page-has-backdrop: 1;
-  }
-  :root:has(.drawer:not([class*="drawer-open"]) > .drawer-toggle:checked) {
-    overflow: hidden;
-    --page-has-backdrop: 1;
-  }
-  :root:has(.sm\:drawer-open > .drawer-toggle:checked) {
-    @media (width < 40rem) {
-      overflow: hidden;
-    }
-    @media (width < 40rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.md\:drawer-open > .drawer-toggle:checked) {
-    @media (width < 48rem) {
-      overflow: hidden;
-    }
-    @media (width < 48rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.lg\:drawer-open > .drawer-toggle:checked) {
-    @media (width < 64rem) {
-      overflow: hidden;
-    }
-    @media (width < 64rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.xl\:drawer-open > .drawer-toggle:checked) {
-    @media (width < 80rem) {
-      overflow: hidden;
-    }
-    @media (width < 80rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.\32xl\:drawer-open > .drawer-toggle:checked) {
-    @media (width < 96rem) {
-      overflow: hidden;
-    }
-    @media (width < 96rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.max-sm\:drawer-open > .drawer-toggle:checked) {
-    @media (width >= 40rem) {
-      overflow: hidden;
-    }
-    @media (width >= 40rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.max-md\:drawer-open > .drawer-toggle:checked) {
-    @media (width >= 48rem) {
-      overflow: hidden;
-    }
-    @media (width >= 48rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.max-lg\:drawer-open > .drawer-toggle:checked) {
-    @media (width >= 64rem) {
-      overflow: hidden;
-    }
-    @media (width >= 64rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.max-xl\:drawer-open > .drawer-toggle:checked) {
-    @media (width >= 80rem) {
-      overflow: hidden;
-    }
-    @media (width >= 80rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-  :root:has(.max-2xl\:drawer-open > .drawer-toggle:checked) {
-    @media (width >= 96rem) {
-      overflow: hidden;
-    }
-    @media (width >= 96rem) {
-      --page-has-backdrop: 1;
-    }
-  }
-}
-@layer base {
-  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) {
-    background-image: linear-gradient(var(--root-bg), var(--root-bg));
-    background-color: var(--root-bg);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix( in srgb, var(--root-bg), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%) );
-    }
-    animation: set-page-has-scroll forwards;
-    animation-timeline: scroll();
-    scrollbar-gutter: stable;
-    scrollbar-gutter: if(style(--page-has-scroll: 1): stable; else: unset);
-  }
-  @keyframes set-page-has-scroll {
-    0%, to {
-      --page-has-scroll: 1;
-    }
-  }
-}
-@layer base {
-  :root, [data-theme] {
-    background-color: var(--root-bg, var(--color-base-100));
-    color: var(--color-base-content);
-  }
-  :where(:root, [data-theme]) {
-    --root-bg: var(--color-base-100);
-  }
-}
-@keyframes rating {
-  0%, 40% {
-    scale: 1.1;
-    filter: brightness(1.05) contrast(1.05);
-  }
-}
-@keyframes dropdown {
-  0% {
-    opacity: 0;
-  }
-}
-@keyframes radio {
-  0% {
-    padding: 5px;
-  }
-  50% {
-    padding: 3px;
-  }
-}
-@keyframes toast {
-  0% {
-    scale: 0.9;
-    opacity: 0;
-  }
-  100% {
-    scale: 1;
-    opacity: 1;
-  }
-}
-@keyframes skeleton {
-  0% {
-    background-position: 150%;
-  }
-  100% {
-    background-position: -50%;
-  }
-}
-@keyframes progress {
-  50% {
-    background-position-x: -115%;
-  }
-}
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-space-x-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *, ::before, ::after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-space-y-reverse: 0;
-      --tw-space-x-reverse: 0;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-tracking: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
-    }
-  }
-}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab, red, red)){:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked),:root:has(.drawer:not([class*=drawer-open])>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}@media not all and (min-width:40rem){:root:has(.sm\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media not all and (min-width:48rem){:root:has(.md\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media not all and (min-width:64rem){:root:has(.lg\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media not all and (min-width:80rem){:root:has(.xl\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media not all and (min-width:96rem){:root:has(.\32 xl\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media (min-width:40rem){:root:has(.max-sm\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media (min-width:48rem){:root:has(.max-md\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media (min-width:64rem){:root:has(.max-lg\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media (min-width:80rem){:root:has(.max-xl\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}@media (min-width:96rem){:root:has(.max-2xl\:drawer-open>.drawer-toggle:checked){--page-has-backdrop:1;overflow:hidden}}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked){background-image:linear-gradient(var(--root-bg),var(--root-bg));background-color:var(--root-bg)}@supports (color:color-mix(in lab, red, red)){:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked){background-color:color-mix(in srgb,var(--root-bg),oklch(0% 0 0) calc(var(--page-has-backdrop,0)*40%))}}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked){scrollbar-gutter:stable;scrollbar-gutter:if(style(--page-has-scroll: 1): stable; else: unset);animation:forwards set-page-has-scroll;animation-timeline:scroll()}@keyframes set-page-has-scroll{0%,to{--page-has-scroll:1}}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}}@layer components;@layer utilities{@layer daisyui.component{.menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.menu :where(li>details>summary),.menu :where(li>.menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{translate:0 1px;rotate:45deg}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline-offset:2px;outline:2px solid #0000}}.menu :where(li:not(.menu-title,.disabled)>:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:inset 0 1px oklch(0% 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)}.menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{outline-offset:2px;outline:2px solid #0000}}.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise)}:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,.menu-title,details,.btn):active,.menu :where(li)>:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.menu :where(li).menu-disabled{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.menu .dropdown:focus-within .menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content,.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover],.dropdown .dropdown-content{z-index:999}@media (prefers-reduced-motion:no-preference){.dropdown[popover],.dropdown .dropdown-content{transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}}@starting-style{.dropdown[popover],.dropdown .dropdown-content{opacity:0;scale:95%}}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.dropdown.dropdown-open,.dropdown:not(.dropdown-hover):focus,.dropdown:focus-within) .dropdown-content{opacity:1}.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;scale:100%}.dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.dropdown.dropdown-open,.dropdown:focus,.dropdown:focus-within) .dropdown-content{scale:100%}.dropdown:where([popover]){background:0 0}.dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.dropdown[popover]:not(.dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}:where(.btn){width:unset}.btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:var(--btn-bg);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn{--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%))}}.btn{--btn-shadow:0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000)}}.btn{--btn-noise:var(--fx-noise)}@media (hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}}.btn:focus-visible,.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.btn:active:not(.btn-active){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%)}}.btn:active:not(.btn-active){--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active){--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.btn:active:not(.btn-active){--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0)}.btn:is(input[type=checkbox],input[type=radio]){appearance:none}.btn:is(input[type=checkbox],input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.collapse{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.collapse{transition:grid-template-rows .2s}}.collapse>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),.collapse:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){content-visibility:visible;min-height:fit-content}@supports not (content-visibility:visible){.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible}}.collapse:focus-visible,.collapse:has(>input:is([type=checkbox],[type=radio]):focus-visible),.collapse:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}.collapse:not(.collapse-close)>input[type=checkbox],.collapse:not(.collapse-close)>input[type=radio]:not(:checked),.collapse:not(.collapse-close)>.collapse-title{cursor:pointer}:is(.collapse[tabindex]:focus:not(.collapse-close,.collapse[open]),.collapse[tabindex]:focus-within:not(.collapse-close,.collapse[open]))>.collapse-title{cursor:unset}.collapse:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}.collapse:is(details){width:100%}@media (prefers-reduced-motion:no-preference){.collapse:is(details)::details-content{transition:content-visibility .2s allow-discrete,visibility .2s allow-discrete,padding .2s ease-out,background-color .2s ease-out,height .2s;interpolate-size:allow-keywords;height:0}.collapse:is(details):where([open])::details-content{height:auto}}.collapse:is(details) summary{display:block;position:relative}.collapse:is(details) summary::-webkit-details-marker{display:none}.collapse:is(details)>.collapse-content{content-visibility:visible}.collapse:is(details) summary{outline:none}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon,.steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.select{border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px var(--input-color)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;font-size:.875rem;display:inline-flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.select{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset}}.select{border-color:var(--input-color);--input-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select{--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)}}.select{--size:calc(var(--size-field,.25rem)*10)}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}[dir=rtl] .select::picker(select){translate:.5rem}[dir=rtl] .select select::picker(select){translate:.5rem}.select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.select select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border)*2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem}.select select:focus,.select select:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.select select:focus,.select select:focus-within{outline-offset:2px;outline:2px solid #0000}}.select select:not(:last-child){background-image:none;margin-inline-end:-1.375rem}.select:focus,.select:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.select:focus,.select:focus-within{box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)}}.select:focus,.select:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]),fieldset:disabled .select)::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){.select,.select select{appearance:base-select}:is(.select,.select select)::picker(select){appearance:base-select}}:is(.select,.select select)::picker(select){color:inherit;border:var(--border)solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth)*3px)-2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}:is(.select,.select select)::picker-icon{display:none}:is(.select,.select select) optgroup{padding-top:.5em}:is(.select,.select select) optgroup option:first-child{margin-top:.5em}:is(.select,.select select) option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.select,.select select) option:not(:disabled):hover,:is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}:is(.select,.select select) option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth)*3px)-2px var(--color-neutral)}.hero-content{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}.hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}.hero>*{grid-row-start:1;grid-column-start:1}.navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.prose .btn{text-decoration-line:none}@layer daisyui.modifier{.btn:disabled:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:disabled:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.btn:disabled:not(.btn-link,.btn-ghost){box-shadow:none}.btn:disabled{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:disabled{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}@media (hover:hover){.btn:disabled:hover{pointer-events:none;background-color:var(--color-neutral)}@supports (color:color-mix(in lab, red, red)){.btn:disabled:hover{background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)}}.btn:disabled:hover{--btn-border:#0000;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:disabled:hover{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.btn[disabled]:not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)}}.btn[disabled]:not(.btn-link,.btn-ghost){box-shadow:none}.btn[disabled]{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}@media (hover:hover){.btn[disabled]:hover{pointer-events:none;background-color:var(--color-neutral)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]:hover{background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)}}.btn[disabled]:hover{--btn-border:#0000;--btn-fg:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn[disabled]:hover{--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}@media (prefers-reduced-motion:no-preference){.collapse[open].collapse-arrow>.collapse-title:after,.collapse.collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}.collapse.collapse-open.collapse-plus>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}:is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close),.collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,.collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}.collapse[open].collapse-plus>.collapse-title:after,.collapse[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,.collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after,.steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.steps .step-primary+.step-primary:before,.steps .step-primary:after,.steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after,.steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.steps .step-accent+.step-accent:before,.steps .step-accent:after,.steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.steps .step-info+.step-info:before,.steps .step-info:after,.steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.steps .step-success+.step-success:before,.steps .step-success:after,.steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.steps .step-warning+.step-warning:before,.steps .step-warning:after,.steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.steps .step-error+.step-error:before,.steps .step-error:after,.steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.menu-horizontal{flex-direction:row;display:inline-flex}.menu-horizontal>li:not(.menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.menu-horizontal>li>details>ul:before{--tw-content:none;content:var(--tw-content)}:where(.menu-horizontal>li:not(.menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1)}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.menu-sm :where(li:not(.menu-title)>:not(ul,details,.menu-title)),.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}.menu-sm .menu-title{padding-block:.5rem;padding-inline:.75rem}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.btn-ghost:not(.btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}@media (hover:none){.btn-ghost:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;--btn-fg:currentColor}}}.collapse:not(td,tr,colgroup){visibility:revert-layer}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-80{bottom:calc(var(--spacing)*80)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.-mt-25{margin-top:calc(var(--spacing)*-25)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-10{margin-top:calc(var(--spacing)*10)}.-mb-25{margin-bottom:calc(var(--spacing)*-25)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-48{height:calc(var(--spacing)*48)}.h-\[2px\]{height:2px}.h-\[800px\]{height:800px}.h-auto{height:auto}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-52{width:calc(var(--spacing)*52)}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[45\%\]{width:45%}.w-\[55\%\]{width:55%}.w-\[189px\]{width:189px}.w-\[336\.34px\]{width:336.34px}.w-\[500px\]{width:500px}.w-\[635px\]{width:635px}.w-\[670px\]{width:670px}.w-\[960px\]{width:960px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[127px\]{max-width:127px}.max-w-\[233px\]{max-width:233px}.max-w-\[300px\]{max-width:300px}.max-w-\[305px\]{max-width:305px}.max-w-\[350px\]{max-width:350px}.max-w-\[452px\]{max-width:452px}.max-w-\[510px\]{max-width:510px}.max-w-\[620px\]{max-width:620px}.max-w-\[975px\]{max-width:975px}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1112pv\]{max-width:1112pv}.max-w-\[1160px\]{max-width:1160px}.max-w-\[1260px\]{max-width:1260px}.max-w-full{max-width:100%}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[30px\]{gap:30px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[24px\]{border-radius:24px}.rounded-box{border-radius:var(--radius-box);border-radius:var(--radius-box)}.rounded-lg{border-radius:var(--radius-lg)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t-\[8px\]{border-top-style:var(--tw-border-style);border-top-width:8px}.border-t-\[\#F26D1D\]{border-top-color:#f26d1d}.border-t-\[\#FFA218\]{border-top-color:#ffa218}.bg-\[\#B04301\]{background-color:#b04301}.bg-\[\#F4E6D4\]{background-color:#f4e6d4}.bg-\[\#F26D1D\]{background-color:#f26d1d}.bg-\[\#FFF3E5\]{background-color:#fff3e5}.bg-\[\#FFF8F0\]{background-color:#fff8f0}.bg-\[\#FFF9F2\]{background-color:#fff9f2}.bg-base-100{background-color:var(--color-base-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-\[url\(\'\/static\/img\/when-where-bg\.jpg\'\)\]{background-image:url(/static/img/when-where-bg.jpg)}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.p-\[20px\]{padding:20px}.p-\[30px\]{padding:30px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\[90px\]{padding-inline:90px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[18px\]{padding-block:18px}.py-\[27px\]{padding-block:27px}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-\[170px\]{padding-top:170px}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-\[56\.25\%\]{padding-bottom:56.25%}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[13px\]{font-size:13px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[35px\]{font-size:35px}.text-\[52px\]{font-size:52px}.leading-\[120\%\]{--tw-leading:120%;line-height:120%}.leading-\[130\%\]{--tw-leading:130%;line-height:130%}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[2\%\]{--tw-tracking:2%;letter-spacing:2%}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#7C5E3B\]{color:#7c5e3b}.text-\[\#84400F\]{color:#84400f}.text-\[\#D87532\]{color:#d87532}.text-\[\#F26D1D\]{color:#f26d1d}.text-\[\#FFA218\]{color:#ffa218}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_20px_0_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 10px 20px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@layer daisyui.modifier.color{.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:48rem){.md\:block{display:block}.md\:h-\[60px\]{height:60px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-stretch{align-items:stretch}.md\:justify-center{justify-content:center}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:bottom-20{bottom:calc(var(--spacing)*20)}.lg\:mt-\[-20px\]{margin-top:-20px}.lg\:ml-\[-70px\]{margin-left:-70px}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:h-\[950px\]{height:950px}@layer daisyui.modifier{.lg\:btn-wide{width:100%;max-width:16rem}}.lg\:w-\[574\.49px\]{width:574.49px}.lg\:w-full{width:100%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:bg-\[unset\]{background-color:unset}.lg\:px-24{padding-inline:calc(var(--spacing)*24)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:mt-\[-10em\]{margin-top:-10em}.xl\:mb-\[-7em\]{margin-bottom:-7em}.xl\:block{display:block}}}body{color:#7c5e3b;background-color:#fff9f2;font-size:24px}.test{padding:500px}:root{--color-primary:#f26d1d;--orange-1:#bd4b06;--orange-2:#f26d1d;--orange-3:#ffa218;--white:#fff;--offwhite-1:#fff9f2;--offwhite-2:#fff4e6;--offwhite-3:#fff3e5;--brown-1:#84400f;--brown-2:#7c5e3b;--brown-3:#b04301;--bg-cream-1:#f8ebe5;--bg-cream-2:#ffe7d5;--bg-cream-3:#f8f0e5;--stroke-1:#c9ac8a}@font-face{font-family:Bantayog;src:url(/static/fonts/Bantayog-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Bantayog;src:url(/static/fonts/Bantayog-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Bantayog;src:url(/static/fonts/Bantayog-Semilight.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Niwanguno;src:url(/static/fonts/NiwangUno-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:TD Pinoy;src:url(/static/fonts/TD_Pinoy.otf)format("opentype");font-weight:500;font-display:swap}.font-bantayog{font-family:Bantayog,sans-serif}.font-niwanguno{font-family:Niwanguno,sans-serif}.font-td_pinoy{font-family:TD Pinoy,sans-serif}.font-nunito{font-optical-sizing:auto;font-family:Nunito,sans-serif;font-style:normal;font-weight:400}.bg-orange-1{background-color:var(--orange-1)}.bg-orange-2{background-color:var(--orange-2)}.bg-white{background-color:var(--white)}.bg-offwhite-1{background-color:var(--offwhite-1)}.bg-offwhite-2{background-color:var(--offwhite-2)}.bg-offwhite-3{background-color:var(--offwhite-3)}.bg-cream-1{background-color:var(--bg-cream-1)}.bg-cream-2{background-color:var(--bg-cream-2)}.bg-cream-3{background-color:var(--bg-cream-3)}.bg-transparent{background-color:#0000}.text-orange-2{color:var(--orange-2)}.text-orange-3{color:var(--orange-3)}.text-brown-1{color:var(--brown-1)}.text-brown-2{color:var(--brown-2)}.text-brown-3{color:var(--brown-3)}.text-white{color:var(--white)}.border-stroke-1{border-color:var(--stroke-1)}.bg-primary-btn{background-color:var(--orange-2);color:var(--white)}.bg-secondary-btn{background-color:var(--white);color:var(--brown-1)}@media screen and (max-width:1570px){.cstm_break.about-us_break{display:none}}@media screen and (max-width:1411px){.cstm_break{display:none}}@media screen and (max-width:1411px) and (min-width:1280px){#about-us{padding:250px 0 80px}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes dropdown{0%{opacity:0}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
\ No newline at end of file
diff --git a/static/img/bg-conference-at-glance.png b/static/img/bg-conference-at-glance.png
new file mode 100644
index 0000000..6cbb193
Binary files /dev/null and b/static/img/bg-conference-at-glance.png differ
diff --git a/static/img/speakers/speakers-img-1.jpg b/static/img/speakers/speakers-img-1.jpg
new file mode 100644
index 0000000..d53eb03
Binary files /dev/null and b/static/img/speakers/speakers-img-1.jpg differ
diff --git a/static/img/speakers/speakers-img-2.jpg b/static/img/speakers/speakers-img-2.jpg
new file mode 100644
index 0000000..fd0649a
Binary files /dev/null and b/static/img/speakers/speakers-img-2.jpg differ
diff --git a/static/img/speakers/speakers-img-3.jpg b/static/img/speakers/speakers-img-3.jpg
new file mode 100644
index 0000000..ad5bab1
Binary files /dev/null and b/static/img/speakers/speakers-img-3.jpg differ
diff --git a/static/img/speakers/speakers-img-4.jpg b/static/img/speakers/speakers-img-4.jpg
new file mode 100644
index 0000000..0e91cfc
Binary files /dev/null and b/static/img/speakers/speakers-img-4.jpg differ
diff --git a/static/img/vectors/icon-career-mixer.svg b/static/img/vectors/icon-career-mixer.svg
new file mode 100644
index 0000000..40c6288
--- /dev/null
+++ b/static/img/vectors/icon-career-mixer.svg
@@ -0,0 +1,4 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.6415 59.9999H7.35849C3.28302 59.9999 0 56.7169 0 52.6414V36.7924C0 35.8301 0.735849 35.0942 1.69811 35.0942C2.66038 35.0942 3.39623 35.8301 3.39623 36.7924V52.6414C3.39623 54.849 5.15094 56.6037 7.35849 56.6037H52.6415C54.8491 56.6037 56.6038 54.849 56.6038 52.6414V36.7924C56.6038 35.8301 57.3396 35.0942 58.3019 35.0942C59.2641 35.0942 60 35.8301 60 36.7924V52.6414C60 56.7169 56.717 59.9999 52.6415 59.9999Z" fill="#FFE2D1"/>
+<path d="M30 37.8679C19.9245 37.8679 9.84906 35.1509 0.849057 29.7736C0.339623 29.434 0 28.9245 0 28.3019V13.5849C0 12.3396 1.01887 11.3208 2.26415 11.3208H57.7358C58.9811 11.3208 60 12.3396 60 13.5849V28.3019C60 28.9245 59.6604 29.434 59.1509 29.7736C50.1509 35.1509 40.0755 37.8679 30 37.8679ZM3.39623 27.3396C19.8679 36.8491 40.1321 36.8491 56.6038 27.3396V14.717H3.39623V27.3396ZM40.1887 9.0566C39.2264 9.0566 38.4906 8.32075 38.4906 7.35849C38.4906 5.15094 36.7358 3.39623 34.5283 3.39623H25.4717C23.2642 3.39623 21.5094 5.15094 21.5094 7.35849C21.5094 8.32075 20.7736 9.0566 19.8113 9.0566C18.8491 9.0566 18.1132 8.32075 18.1132 7.35849C18.1132 3.28302 21.3962 0 25.4717 0H34.5283C38.6038 0 41.8868 3.28302 41.8868 7.35849C41.8868 8.32075 41.1509 9.0566 40.1887 9.0566Z" fill="#FFE2D1"/>
+</svg>
diff --git a/static/img/vectors/icon-checkbox-brown-2.svg b/static/img/vectors/icon-checkbox-brown-2.svg
new file mode 100644
index 0000000..79264ce
--- /dev/null
+++ b/static/img/vectors/icon-checkbox-brown-2.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5625" y="0.5625" width="16.875" height="16.875" rx="8.4375" fill="#84400F"/>
+<rect x="0.5625" y="0.5625" width="16.875" height="16.875" rx="8.4375" stroke="#84400F" stroke-width="1.125"/>
+<path d="M12.75 6.1875L7.59375 11.3438L5.25 9" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/vectors/icon-checkbox-brown.svg b/static/img/vectors/icon-checkbox-brown.svg
new file mode 100644
index 0000000..79264ce
--- /dev/null
+++ b/static/img/vectors/icon-checkbox-brown.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5625" y="0.5625" width="16.875" height="16.875" rx="8.4375" fill="#84400F"/>
+<rect x="0.5625" y="0.5625" width="16.875" height="16.875" rx="8.4375" stroke="#84400F" stroke-width="1.125"/>
+<path d="M12.75 6.1875L7.59375 11.3438L5.25 9" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/vectors/icon-community-gatherings.svg b/static/img/vectors/icon-community-gatherings.svg
new file mode 100644
index 0000000..ed34cd4
--- /dev/null
+++ b/static/img/vectors/icon-community-gatherings.svg
@@ -0,0 +1,5 @@
+<svg width="86" height="60" viewBox="0 0 86 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.7317 36.6402C16.1524 36.6402 9.98169 30.4695 9.98169 22.8902C9.98169 15.7134 15.6158 9.67678 22.7927 9.20727C23.9329 9.1402 24.8719 9.94507 24.939 11.0853C25.0061 12.2256 24.2012 13.1646 23.061 13.2317C17.9634 13.567 14.0061 17.7926 14.0061 22.8902C14.0061 28.2561 18.3658 32.6158 23.7317 32.6158C25.4756 32.6158 27.2195 32.1463 28.6951 31.2743C29.6341 30.7378 30.9085 31.0061 31.4451 31.9451C31.9817 32.8841 31.7134 34.1585 30.7744 34.6951C28.628 35.9695 26.2134 36.6402 23.7317 36.6402ZM1.99999 57.4999C1.66462 57.4999 1.32926 57.4329 0.993889 57.2317C0.0548649 56.6951 -0.280501 55.4878 0.256084 54.4817C3.74389 48.3109 9.64633 43.6829 16.4878 41.8048C17.561 41.5365 18.6341 42.1402 18.9695 43.2134C19.2378 44.2865 18.6341 45.4268 17.561 45.6951C11.7927 47.3048 6.76218 51.2621 3.74389 56.4939C3.40852 57.1646 2.73779 57.4999 1.99999 57.4999Z" fill="#FFE2D1"/>
+<path d="M61.2926 36.6402C58.8109 36.6402 56.3963 35.9695 54.317 34.6951C53.378 34.1585 53.0426 32.8841 53.6463 31.9451C54.1829 31.0061 55.4573 30.6707 56.3963 31.2743C57.8719 32.1463 59.6158 32.6158 61.3597 32.6158C66.7256 32.6158 71.0853 28.2561 71.0853 22.8902C71.0853 17.7926 67.128 13.567 62.0304 13.2317C60.8902 13.1646 60.0853 12.2256 60.1524 11.0853C60.2195 9.94507 61.1585 9.1402 62.2987 9.20727C69.4756 9.67678 75.1097 15.7134 75.1097 22.8902C75.0426 30.5365 68.8719 36.6402 61.2926 36.6402ZM83.0243 57.4999C82.3536 57.4999 81.6158 57.1646 81.2804 56.4939C78.3292 51.2621 73.2987 47.3048 67.4634 45.6951C66.3902 45.4268 65.7865 44.2865 66.0548 43.2134C66.3231 42.1402 67.4634 41.5365 68.5365 41.8048C75.3109 43.6829 81.2134 48.3109 84.7682 54.4817C85.3048 55.4207 84.9695 56.6951 84.0304 57.2317C83.6951 57.4329 83.3597 57.4999 83.0243 57.4999Z" fill="#FFE2D1"/>
+<path d="M42.5123 33.3537C33.994 33.3537 27.0855 26.4451 27.0855 17.9268C27.0855 9.40854 33.994 2.5 42.5123 2.5C51.0306 2.5 57.9391 9.40854 57.9391 17.9268C57.9391 26.4451 51.0306 33.3537 42.5123 33.3537ZM42.5123 6.52439C36.2074 6.52439 31.1099 11.622 31.1099 17.9268C31.1099 24.2317 36.2074 29.3293 42.5123 29.3293C48.8172 29.3293 53.9147 24.2317 53.9147 17.9268C53.9147 11.622 48.8172 6.52439 42.5123 6.52439ZM17.6282 57.5C17.2928 57.5 16.9574 57.4329 16.6221 57.2317C15.683 56.6951 15.3477 55.4878 15.8843 54.4817C21.3172 44.9573 31.5123 38.9878 42.5123 38.9878C53.5123 38.9878 63.7074 44.9573 69.1404 54.4817C69.6769 55.4207 69.3416 56.6951 68.4026 57.2317C67.4635 57.7683 66.1891 57.4329 65.6526 56.4939C60.9574 48.1768 52.1038 43.0122 42.5123 43.0122C32.9879 43.0122 24.1343 48.1768 19.3721 56.4939C19.0367 57.1646 18.366 57.5 17.6282 57.5Z" fill="#FFE2D1"/>
+</svg>
diff --git a/static/img/vectors/icon-education-summit.svg b/static/img/vectors/icon-education-summit.svg
new file mode 100644
index 0000000..0910902
--- /dev/null
+++ b/static/img/vectors/icon-education-summit.svg
@@ -0,0 +1,3 @@
+<svg width="55" height="60" viewBox="0 0 55 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M53.3529 56.9957H9.32381C5.90508 56.9957 3.10794 54.1985 3.10794 50.7798C3.10794 47.3611 5.90508 44.5639 9.32381 44.5639H53.3529C54.2335 44.5639 54.9069 43.8905 54.9069 43.0099C54.9069 42.1294 54.2335 41.456 53.3529 41.456H43.2003C43.3557 41.2488 43.5629 40.9898 43.7183 40.7826L45.3759 38.348C49.9342 31.5106 51.8508 23.2745 50.8666 15.1421C50.1414 9.39241 45.2723 5.0931 39.4708 5.0931C38.2276 5.0931 37.0363 5.30029 35.8449 5.66288C35.0679 5.92188 34.2909 6.12908 33.5139 6.23267L36.4665 2.50315C36.9845 1.82976 36.8809 0.845581 36.2075 0.327592C35.5341 -0.190398 34.5499 -0.0868 34.0319 0.586586L28.852 7.16505C28.334 7.83844 28.4376 8.82262 29.111 9.34061C29.4218 9.54781 29.7326 9.65141 30.0952 9.65141C30.0952 9.65141 30.0952 9.65141 30.147 9.65141C32.4262 9.65141 34.7053 9.28881 36.8809 8.56363C37.7096 8.30463 38.642 8.14924 39.5226 8.14924C43.7183 8.14924 47.2925 11.309 47.8104 15.4529C48.7428 22.8601 46.9817 30.3192 42.8377 36.5351L41.1802 38.9696C40.196 40.42 38.5902 41.2488 36.8809 41.2488C36.1039 41.2488 35.2751 41.0416 34.5499 40.679L34.2391 40.5236C31.6492 39.2286 28.5412 39.2286 25.9513 40.4718L25.5887 40.6272C24.8635 40.9898 24.0865 41.197 23.2577 41.197C21.5484 41.197 19.9426 40.3164 18.9584 38.9178L17.3009 36.4833C13.1569 30.2674 11.3958 22.8083 12.3282 15.4011C12.8461 11.2054 16.4203 8.09744 20.616 8.09744C21.4966 8.09744 22.3772 8.25283 23.2059 8.51183C24.0347 8.77082 24.9153 8.35643 25.1743 7.52765C25.4333 6.69886 25.0189 5.81828 24.1901 5.55929C23.0505 5.19669 21.8074 4.9895 20.616 4.9895C14.8663 4.9895 9.9454 9.28881 9.22021 15.0385C8.18424 23.1709 10.1526 31.407 14.7109 38.2444L16.3685 40.679C16.5239 40.938 16.6793 41.1452 16.8865 41.3524H9.32381C4.19572 41.3524 0 45.5481 0 50.6762C0 55.8043 4.19572 60 9.32381 60H53.3529C54.2335 60 54.9069 59.3266 54.9069 58.446C54.9069 57.5654 54.2335 56.9957 53.3529 56.9957Z" fill="#FFE2D1"/>
+</svg>
diff --git a/static/img/vectors/icon-multitrack-and-live.svg b/static/img/vectors/icon-multitrack-and-live.svg
new file mode 100644
index 0000000..b4b30b3
--- /dev/null
+++ b/static/img/vectors/icon-multitrack-and-live.svg
@@ -0,0 +1,5 @@
+<svg width="49" height="60" viewBox="0 0 49 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1992 27.6226L7.42997 33.3919C6.75381 34.068 6.75381 35.1636 7.42997 35.8397L13.1992 41.609C13.8754 42.2851 14.9709 42.2851 15.6471 41.609C16.3232 40.9328 16.3232 39.8372 15.6471 39.1611L11.1015 34.6155L15.6471 30.0699C16.3232 29.3938 16.3232 28.2982 15.6471 27.622C14.9709 26.9465 13.8748 26.9465 13.1992 27.6226ZM32.8146 30.0699L37.3596 34.6155L32.814 39.1611C32.1378 39.8372 32.1378 40.9328 32.814 41.609C33.4902 42.2851 34.5857 42.2851 35.2619 41.609L41.0311 35.8397C41.3536 35.5172 41.5382 35.0713 41.5382 34.6155C41.5382 34.1597 41.3536 33.7138 41.0311 33.3919L35.2619 27.6226C34.5857 26.9465 33.4902 26.9465 32.814 27.6226C32.1384 28.2982 32.1384 29.3944 32.8146 30.0699ZM26.0225 21.468L19.0994 46.8526C18.8478 47.7745 19.3913 48.7265 20.3138 48.978C21.2357 49.2295 22.1877 48.6861 22.4392 47.7636L29.3623 22.379C29.6138 21.457 29.0704 20.5051 28.1479 20.2536C27.2254 20.002 26.274 20.5455 26.0225 21.468Z" fill="#FFE2D1"/>
+<path d="M34.3765 1.73077V4.79738e-07H4.61539C3.34615 -0.000576443 2.18135 0.519231 1.35173 1.35173C0.519231 2.18135 -0.000576443 3.34615 4.79738e-07 4.61539V55.3846C-0.000576443 56.6538 0.519231 57.8181 1.35173 58.6483C2.18135 59.4808 3.34615 60.0006 4.61539 60H43.8462C45.1154 60.0006 46.2796 59.4802 47.1098 58.6483C47.9423 57.8187 48.4627 56.6538 48.4615 55.3846V14.085C48.461 13.4729 48.2192 12.8867 47.7842 12.4517L47.786 12.4535L36.0081 0.676154L36.0098 0.677885C35.5742 0.241154 34.9869 4.79738e-07 34.3765 4.79738e-07V1.73077V3.46154V2.30654L33.559 3.12173C33.7783 3.34096 34.0713 3.46154 34.3765 3.46154V2.30596L33.559 3.12173L45.3381 14.9002L45.3398 14.9019L46.155 14.0844H45C45.0006 14.3908 45.1212 14.6827 45.3398 14.9019L46.155 14.0844H45L44.9994 55.3846C44.9988 55.7083 44.8731 55.9858 44.6613 56.2004C44.4467 56.4121 44.1692 56.5379 43.8456 56.5385H4.61539C4.29173 56.5379 4.01423 56.4121 3.79962 56.2004C3.58789 55.9858 3.46269 55.7083 3.46154 55.3846V4.61539C3.46212 4.29115 3.58789 4.01365 3.79962 3.79962C4.01365 3.58789 4.29115 3.46212 4.61539 3.46154H34.3765V1.73077Z" fill="#FFE2D1"/>
+<path d="M46.154 12.1154H37.5002C37.1765 12.1148 36.899 11.989 36.6844 11.7773C36.4726 11.5627 36.3469 11.2852 36.3463 10.9615V2.30767C36.3463 1.35171 35.5715 0.576904 34.6155 0.576904C33.6596 0.576904 32.8848 1.35171 32.8848 2.30767V10.9615C32.8842 12.2308 33.404 13.3956 34.2365 14.2252C35.0667 15.0577 36.2309 15.5775 37.5002 15.5769H46.154C47.11 15.5769 47.8848 14.8021 47.8848 13.8461C47.8848 12.8902 47.11 12.1154 46.154 12.1154Z" fill="#FFE2D1"/>
+</svg>
diff --git a/static/img/vectors/icon-sponsor-booths.svg b/static/img/vectors/icon-sponsor-booths.svg
new file mode 100644
index 0000000..1323b18
--- /dev/null
+++ b/static/img/vectors/icon-sponsor-booths.svg
@@ -0,0 +1,6 @@
+<svg width="47" height="60" viewBox="0 0 47 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.22 60C22.32 60 21.54 59.58 20.94 58.92L20.88 58.86L4.5 36.96C4.38 36.84 4.32 36.72 4.26 36.6C1.44 32.58 0 27.96 0 23.16C0 10.38 10.44 0 23.22 0C36.06 0 46.5 10.44 46.5 23.22C46.5 27.96 45.06 32.52 42.36 36.48C42.24 36.66 42.12 36.84 41.94 37.02L25.56 58.8L25.5 58.86C24.96 59.58 24.12 60 23.22 60ZM7.2 34.62L7.26 34.68L23.22 55.98L39.24 34.62C39.3 34.56 39.36 34.5 39.36 34.44C41.64 31.14 42.9 27.24 42.9 23.22C42.9 12.42 34.08 3.6 23.22 3.6C12.42 3.6 3.54 12.36 3.54 23.22C3.54 27.24 4.8 31.14 7.14 34.5C7.2 34.56 7.2 34.56 7.2 34.62Z" fill="#FFE2D1"/>
+<path d="M20.8198 12H25.6198V33H20.8198V12Z" fill="#FFE2D1"/>
+<path d="M31.4121 15.1594L33.7512 19.3509L15.0466 29.7891L12.7076 25.5976L31.4121 15.1594Z" fill="#FFE2D1"/>
+<path d="M15.002 15.167L33.7065 25.6052L31.3674 29.7967L12.6629 19.3585L15.002 15.167Z" fill="#FFE2D1"/>
+</svg>