From 57416517f269d47a7cb204d7b9637a5e172fb7ce Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Wed, 19 Nov 2025 20:58:42 +0000
Subject: [PATCH] Test

---
 core/__pycache__/admin.cpython-311.pyc  | Bin 212 -> 773 bytes
 core/__pycache__/models.cpython-311.pyc | Bin 209 -> 1880 bytes
 core/__pycache__/views.cpython-311.pyc  | Bin 1364 -> 604 bytes
 core/admin.py                           |   7 +-
 core/models.py                          |  28 +++-
 core/templates/base.html                |  48 ++++++-
 core/templates/core/index.html          | 181 +++++-------------------
 core/views.py                           |  26 +---
 static/css/custom.css                   | 133 +++++++++++++++++
 9 files changed, 248 insertions(+), 175 deletions(-)
 create mode 100644 static/css/custom.css

diff --git a/core/__pycache__/admin.cpython-311.pyc b/core/__pycache__/admin.cpython-311.pyc
index cd6f855b12f4883b1ba9de01c54245c53aacd714..8718a8e40ba8fa1e1f9b7108753157b4eec76905 100644
GIT binary patch
literal 773
zcmZWmy>1gh5T3n18#^WfVk1CAP+pN-K?On}3Pb^MLw6E7ZEiQoh5Ipkdjxkb@&M`b
z21Y0^6QmT@R*|UEIWko$X3kusD6_lY&g{;9GduIM*Xsbvi(ow&GJrp1G~)eN79&)S
zL4aT>WGrM1geC0M%Iwf)V1Z=&PV-3GQ{*|pwG<0JfN%~$xaj3Jr&Ak!a4ltu+eu?U
z=n3yL_^k^%@tJYC$ddem7|DA7UFJHz_C}?NwRnuiF-QoRfY1^ww1pKq!VX>GAfszK
z_2YNM=X<8hl}<_><vf$7gS3@g>W<)A8YfQl*m$Mpx+={o-<6S)rB+F-lOp#WwSwVP
zmw;-hdI-L)+N9qhpsOLqX-73}6q!yGWre6xiTX+ueXDp%!O2P~6Oojol#flfwsw+K
zOJ#bc<SO2ab`qJ2@)s<S7Opmey&{uAwO!@93gizNSGrKaL7~2uBOc2jE|d)F(ru2$
zsznJAP@~GH2$Sn^{@}~x)9n7+$;a8+%gGiE)o=WVe#_hy`#j$*Hsd14?{6z=obm7{
zGA$ML)U=h{#SdV%oh>@9OS}xaMocx`0JW?3>tzMrs3&Mr>&gR!xy=}x!L!qwa|Vx2
tZ_abJI_V#-AGyET;EWCCmd#$x;Wixg&+a|Hq>H}<mo``rZ~NDY{R4$>!Lk4V

literal 212
zcmZ3^%ge<81mAc4%CHC0k3k$5V1hC}3jrC^8B!Qh7;_kM8KW2(8B&;n88n$+f)r>n
z-eOHm$<563(`35Emy(s3m!7YeoS#=xl$lh-3{<d^;WJ3xFJ1kN{M=Oi(xlS7l2ZND
ziqz!NlKdk5^8BLg;)2BFRQ=@qqEvmbQF;ZHzc_4i^HWN5QtgU3fVvrhxL6iQd|+l|
QWW2$kZ~+@CVgsrG032I482|tP

diff --git a/core/__pycache__/models.cpython-311.pyc b/core/__pycache__/models.cpython-311.pyc
index 9aa598b9d5171b2bb0d207f045e07f9fbbb95a64..24d69594e9c369213fa78a55ab531fe78b1ca874 100644
GIT binary patch
literal 1880
zcma)7O-vg{6rTO_-`Wrx>^8xqhPFr+$d*x5aX=M_K*$du)eb5?bhYdZ#;~^O?7AgU
z4?g6;p$8u#MQT*3>Vdj~1IHYC=rPB&v<GXiJ#lkHPMrE?7dwrKl+JqJzMpU2oA)#F
zACX81!OCTCm;V+J`iBX<C0#KWbHKbn7-3FF6|Tr}h)4Gj=AR)f5N?m}Z8!!GC-8c!
zC}1&<($YB-)12e0)G*Nv?aJ(a`XPSdSO|iO97aXH1fhQCzyXhi5?>T~M5H}mZzC2@
zrDMRK!0WA|-$ev^@-Z+cJpmPiAKf1sK=`gjkUxqD4<P(Rz=6}?Kv5#sP$CXpLk+p8
z;a&<@J`E3Ke8WXV`v?&*kz;7ZNxvP%*#E$c;Gt)zIO;ZZ7#ezGz(*WMp@}g^TK<7l
z&9so_FNNIPG-cgj{A_NT`aM3dsOzc45-})iM4ETRjRR7pK~L~4={193%I59-HPdlU
zsG=S!I;ob--E++J%;>ojXc&0MukF^#8ZjI{COc|fH(hrH*eh-8YIQ%&yEw`Uq4nnh
z1U6Z06ff=od4YaHd+_zvOPDT@`)H7Pko$FeiGGzJXJP%Rm{QFY&{{Q>793fnX4x>6
zs#+mV2+C0>9xr0mByc3rAo`BM{H885+1*-&Wb51Ys#(vHL!#Bq8qNM#qx;5zs*$W#
zqa^EHiOj(h$FC@cNfqU3#4U8@O1ufqj4y#SP$!nKW0ThKD*RgF>9EJWD*UzOaaLgU
zf+hIg1?wewF$$J<7YuVH_j<83FGF6$HDanX4zTsK=mZouHAQhkiUOys>je0)qI_Rh
zbyfh70yT;WEmuo_BFfH5KLO&1uAebrlkghMVWa<aMsGFejsooQwoHI|J)NKoOUD_x
z4aAWb?=34!s~h*1mh;X~zOYz$obSn$wbcnO?W%O8Oms{~T=_2az>`@>%JOwYt!zGV
zB*O%oGpv?~LJ3s4teNFn)$uWX-Ee{ha%j3+9T^itqvZqF9(erCBTqfFLjXw$R>~Fd
z;)Kkywogo@PIdYzi^kHRDMtE*plkwN!p>`~LMPtUq05USzAoyK#=~wH1#fl&$*v?M
ze2w*P2#tK+oPvJ0G%GgSj?LP!*~Y_;Ja+VzEswS3aa$g5-0egsnh85P(aKxVTsxYx
zqq)X|9_Tm2lBe79v@K5qGMqeGvBSxhV1;Me;TbzT(^&2#rkXo;V(M)2)xMSg)=F%(
z6I*s-tFh6Ej2~^<k?~gS?7P>SR;1956zoW$vC@f6ddC{IVwrX<W5+UZtoRqr&F9LQ
z@am2gUuee{?D#@sy%S9}6VE?uEuEQGbiN&(x1;lo2VIeq?sHxAAL`?zBvTBMH%#~T
z0|u|itiEhigLqG^mTDQi?M;TX#{Or#@~2o2`YpK(%zLB!HO+y6-3?<6NLS!Eu7i@+
a`@gPui-R*=Cr2wkKYGLTZ$Dsk!~F|7zqOSB

literal 209
zcmZ3^%ge<81S>LrWmp2~#~=<2FhLogg@BCd3@HpLj5!Rsj8Tk?3@J>(44TX@K?*b(
zZ?Wa(r=;c-`)M-W;!Md(%uCPLOGzqX21>4E_zY6>OHV%|KQ~psG^sSNq*On(A~m_R
zB)>?%JijQrxF9h(RX;huC{-U~j9x+IFAf_ZyEG@&u80Guoe_wOWr4&8W=2NF8w@fR
Ku%RM0pb7xTsWln^

diff --git a/core/__pycache__/views.cpython-311.pyc b/core/__pycache__/views.cpython-311.pyc
index 6867ddf286a519cf1754ac97038f9f1e4605fbf2..0729160a66759cb00a2a1d920512f27aa1a9fffb 100644
GIT binary patch
literal 604
zcmZWlze^lJ82x5vcTb`l<vJ0Lg^03{+;*ELSO}WV#_k}+xiffo+1)WSvw8_9Tw!Tp
zXKQ5={AbP}L<RzZRCWi4jg{YQa)*+SnK$2$dAv9CH3(h+MiMu=2G2jXn1=H&nXF=R
z4h$H{ASW$CfH{n2PEK1CbN2*VF7tLF^6xAqBF2}zU|imjzooZz$P1m?Y8oCU6!)Zq
za1MIf$Fn!PcQLi_WD0PJ)zz$XOc)uEE;)8|ZPtVVS{yi+sBmRfsz8Hu$N1cOQC}8Q
zA$i<IoBd`-=UL=R>&eu_UXQ0*8QRV=X~_{aHOW7fTxn?~Of40K=6$W~Gz`OsH*rVg
zJTCXjLYFb`^R(1L#z#VaR0r*p$CcJ$mmjI-!Dr)Dsxm;fi(4fKL--ZcPe1$&8b5-@
zbr9YJ;c)x++|t?Fm^zF8@cq3H3-z=0(aP&@``7cy&3rO)lL<0mC-Te^>$Qu0(NrBF
zHL9!1x$$$sc&4hCReIk+zC?;#KzNvYhvPEi8?uh2{dKj8Fs6i%TX;2kzHVW8^n8t7
MkGvhj|4?Z>0z?>zF#rGn

literal 1364
zcmZ`(&1)M+6ra_{dS%J>I!@|TuH%hUh$T{~CE!96oTjQ1oHkCdQ%ZHHP<AKMD!V(|
z*^y-l8Fc8Skb`fz_>f-Q6#oP5Eq{V!1Q7#*Ku^61OfEk4%~~s}guETzy!YnKoA>c!
z|CpMZL_mL+PRlpL2>m0JfI>sz<ZBR~BLf+dh4N>+l$SscSs^=|k4VB6wxYJ2mwh>6
zP1s6a0Xh0B%Et_88>QrbMYzqB#N#E*3Oks3CUHQODRvA@K~k7$;|6iCE(zZu#bJlk
z(8(RJK1WUTVt6pV9fEo^GQIeJgpqaJXHRNMhV;}glZK3tBN^en5Q~o7QAND#(>piA
zMx+^HvEUS;@pC3}9#TaPq;a2SxGAxj;0&RP639l>kPjiNqhJ8&1AY_l`WecBvKL`<
zK_mp-GGfihA=Gg+ss)BI*;w21yRNY^)~upqm`+Labc(T~)l62_EK-D_XmFxoXUC+(
zv9ZH61GA!Od6`C{=(;tt(Wqy1VsquT>;5P-9=l@|nMF#b-iU4DnzqgA7Upvgw;tSE
z&pj%9yS|;<+IaYA<H06Jd^Rv|+`oNyz3{`<_bG)ZTuLffX9cHdV;(P-;N8Mw3YqX}
zqf&HABmfVecI&K6oROZ;s}#`03Ia$xRwmvs%3KiBz)+;=GJqbR4UDD@j})rZYRu?_
z;;adH+|87kZKWo;BG4)#@u)>=m{Nfc9(G8LP76tKq2MQk+Efgahls~zxB^Y15iq2p
ze1hU%s@P+67IZo#*hj*3LMINxyUY_2H9@DJWy{3I+3Mq}!>U=li}flaG+QI|spl4T
zob~hDF>%eyxOE;8-gFVJ3n+TO18bo->ila}J65%hy4+QlU#ly}>PkmVchz)jqo<`_
z{(P+6Xlpn2)BEXH3$5?^ljojY`z`Y<)5;BG^zo;?`Q?6crISo|lj(kPxtsi=lf2$d
zUhiF8=v}zfU%GryZ>QE?g*r>Q?ozJ5xODJS`|4MJebZUI)m^+bn2pWI0|cyf_w9L<
zIJbYby>RVisS{uA##h^s)e}e(07x&wM(2TX`E06G0Q9V<>X{|ul?i3g0?%(HPYlgf
z1`zb;;Me{qqL;+gPk@~&H*I26ExbmrfGYk1-V<Phup~)66l?ik56!gv?+yCAJ-&MA
XN_%|u(B<~{8px{j<p90U{5<{xZlYYS

diff --git a/core/admin.py b/core/admin.py
index 8c38f3f..debf9e2 100644
--- a/core/admin.py
+++ b/core/admin.py
@@ -1,3 +1,8 @@
 from django.contrib import admin
+from .models import Event
 
-# Register your models here.
+@admin.register(Event)
+class EventAdmin(admin.ModelAdmin):
+    list_display = ('artist_name', 'venue_name', 'date', 'city', 'status', 'age_restriction')
+    list_filter = ('status', 'city', 'date', 'age_restriction')
+    search_fields = ('artist_name', 'venue_name', 'city')
\ No newline at end of file
diff --git a/core/models.py b/core/models.py
index 71a8362..0967bfb 100644
--- a/core/models.py
+++ b/core/models.py
@@ -1,3 +1,29 @@
 from django.db import models
 
-# Create your models here.
+class Event(models.Model):
+    AGE_CHOICES = [
+        ('18+', '18+'),
+        ('21+', '21+'),
+        ('All Ages', 'All Ages'),
+    ]
+    STATUS_CHOICES = [
+        ('Open', 'Open'),
+        ('Closed', 'Closed'),
+    ]
+
+    artist_name = models.CharField(max_length=200)
+    date = models.DateField()
+    venue_name = models.CharField(max_length=200)
+    city = models.CharField(max_length=100)
+    state = models.CharField(max_length=100)
+    age_restriction = models.CharField(max_length=10, choices=AGE_CHOICES, default='21+')
+    status = models.CharField(max_length=10, choices=STATUS_CHOICES, default='Open')
+    description = models.TextField(blank=True)
+    featured_image = models.URLField(max_length=200, blank=True)
+    ticket_url = models.URLField(max_length=200, blank=True)
+
+    def __str__(self):
+        return f"{self.artist_name} at {self.venue_name} on {self.date}"
+
+    class Meta:
+        ordering = ['date']
\ No newline at end of file
diff --git a/core/templates/base.html b/core/templates/base.html
index 788576e..af6832d 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -1,11 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="UTF-8">
-    <title>{% block title %}Knowledge Base{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Sacred Hive Promo Dashboard{% endblock %}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
+    {% load static %}
+    <link rel="stylesheet" href="{% static 'css/custom.css' %}">
     {% block head %}{% endblock %}
-  </head>
-  <body>
-    {% block content %}{% endblock %}
-  </body>
-</html>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
+        <div class="container">
+            <a class="navbar-brand" href="/">Sacred Hive</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#">Events</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#">About</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#">Merch</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <main>
+        {% block content %}{% endblock %}
+    </main>
+
+    <footer class="py-4 text-center">
+        <div class="container">
+            <p class="mb-0">&copy; 2025 Sacred Hive. All Rights Reserved.</p>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/core/templates/core/index.html b/core/templates/core/index.html
index 0a3f404..0138cf4 100644
--- a/core/templates/core/index.html
+++ b/core/templates/core/index.html
@@ -1,154 +1,45 @@
 {% extends "base.html" %}
+{% load static %}
 
-{% block title %}{{ project_name }}{% endblock %}
+{% block title %}Home - Sacred Hive Promo Dashboard{% endblock %}
 
 {% block head %}
-{% if project_description %}
-<meta name="description" content="{{ project_description }}">
-<meta property="og:description" content="{{ project_description }}">
-<meta property="twitter:description" content="{{ project_description }}">
-{% endif %}
-{% if project_image_url %}
-<meta property="og:image" content="{{ project_image_url }}">
-<meta property="twitter:image" content="{{ project_image_url }}">
-{% endif %}
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --bg-color-start: #6a11cb;
-    --bg-color-end: #2575fc;
-    --text-color: #ffffff;
-    --card-bg-color: rgba(255, 255, 255, 0.01);
-    --card-border-color: rgba(255, 255, 255, 0.1);
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-
-  body {
-    margin: 0;
-    font-family: 'Inter', sans-serif;
-    background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
-    color: var(--text-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    text-align: center;
-    overflow: hidden;
-    position: relative;
-  }
-
-  body::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path d='M-10 10L110 10M10 -10L10 110' stroke-width='1' stroke='rgba(255,255,255,0.05)'/></svg>");
-    animation: bg-pan 20s linear infinite;
-    z-index: -1;
-  }
-
-  @keyframes bg-pan {
-    0% {
-      background-position: 0% 0%;
-    }
-
-    100% {
-      background-position: 100% 100%;
-    }
-  }
-
-  main {
-    padding: 2rem;
-  }
-
-  .card {
-    background: var(--card-bg-color);
-    border: 1px solid var(--card-border-color);
-    border-radius: 16px;
-    padding: 2.5rem 2rem;
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
-  }
-
-  h1 {
-    font-size: clamp(2.2rem, 3vw + 1.2rem, 3.2rem);
-    font-weight: 700;
-    margin: 0 0 1.2rem;
-    letter-spacing: -0.02em;
-  }
-
-  p {
-    margin: 0.5rem 0;
-    font-size: 1.1rem;
-    opacity: 0.92;
-  }
-
-  .loader {
-    margin: 1.5rem auto;
-    width: 56px;
-    height: 56px;
-    border: 4px solid rgba(255, 255, 255, 0.25);
-    border-top-color: #fff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-  }
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  .runtime code {
-    background: rgba(0, 0, 0, 0.25);
-    padding: 0.15rem 0.45rem;
-    border-radius: 4px;
-    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  }
-
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    border: 0;
-  }
-
-  footer {
-    position: absolute;
-    bottom: 1rem;
-    width: 100%;
-    text-align: center;
-    font-size: 0.85rem;
-    opacity: 0.75;
-  }
-</style>
+<meta name="description" content="The official promo dashboard for Sacred Hive events. Apply for influencer promotions and manage your event participation.">
 {% endblock %}
 
 {% block content %}
-<main>
-  <div class="card">
-    <h1>Analyzing your requirements and generating your app…</h1>
-    <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
-      <span class="sr-only">Loading…</span>
+<div class="hero-section text-center">
+    <div class="container">
+        <h1 class="hero-title">Sacred Hive Promo Dashboard</h1>
+        <p class="hero-tagline">Your portal to the underground. Apply, promote, and get on the list.</p>
     </div>
-    <p class="hint">AppWizzy AI is collecting your requirements and applying the first changes.</p>
-    <p class="hint">This page will refresh automatically as the plan is implemented.</p>
-    <p class="runtime">
-      Runtime: Django <code>{{ django_version }}</code> · Python <code>{{ python_version }}</code>
-      — UTC <code>{{ current_time|date:"Y-m-d H:i:s" }}</code>
-    </p>
-  </div>
-</main>
-<footer>
-  Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC)
-</footer>
+</div>
+
+<div class="container content-section">
+    <h2 class="section-title">Upcoming Events</h2>
+    <div class="row gy-4">
+        {% if events %}
+            {% for event in events %}
+            <div class="col-lg-4 col-md-6">
+                <div class="event-card">
+                    <div class="card-body">
+                        <div class="d-flex justify-content-between align-items-start mb-2">
+                            <h5 class="card-title">{{ event.artist_name }}</h5>
+                            <span class="badge status-badge status-{{ event.status|lower }}">{{ event.status }}</span>
+                        </div>
+                        <p class="card-text"><span class="icon">📅</span> {{ event.date|date:"m/d/y" }}</p>
+                        <p class="card-text"><span class="icon">📍</span> {{ event.venue_name }} - {{ event.city }}, {{ event.state }}</p>
+                        <p class="card-text"><span class="icon">🔞</span> {{ event.age_restriction }}</p>
+                        <a href="#" class="stretched-link"></a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        {% else %}
+            <div class="col">
+                <p class="text-center">No upcoming events. Check back soon!</p>
+            </div>
+        {% endif %}
+    </div>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/core/views.py b/core/views.py
index c9aed12..ba8c6e6 100644
--- a/core/views.py
+++ b/core/views.py
@@ -1,25 +1,9 @@
-import os
-import platform
-
-from django import get_version as django_version
 from django.shortcuts import render
-from django.utils import timezone
-
-
-def home(request):
-    """Render the landing screen with loader and environment details."""
-    host_name = request.get_host().lower()
-    agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic"
-    now = timezone.now()
+from .models import Event
 
+def index(request):
+    events = Event.objects.all()
     context = {
-        "project_name": "New Style",
-        "agent_brand": agent_brand,
-        "django_version": django_version(),
-        "python_version": platform.python_version(),
-        "current_time": now,
-        "host_name": host_name,
-        "project_description": os.getenv("PROJECT_DESCRIPTION", ""),
-        "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""),
+        'events': events,
     }
-    return render(request, "core/index.html", context)
+    return render(request, "core/index.html", context)
\ No newline at end of file
diff --git a/static/css/custom.css b/static/css/custom.css
new file mode 100644
index 0000000..011151c
--- /dev/null
+++ b/static/css/custom.css
@@ -0,0 +1,133 @@
+:root {
+    --dark-indigo: #0D0C1D;
+    --purple-accent: #9F70FD;
+    --blue-accent: #4A90E2;
+    --light-text: #FFFFFF;
+    --muted-text: #a0aec0;
+    --status-open: #7ED321;
+    --status-closed: #888888;
+    --card-bg: #1A192D;
+    --card-border: rgba(159, 112, 253, 0.2);
+    --font-headings: 'Poppins', sans-serif;
+    --font-body: 'Inter', sans-serif;
+}
+
+body {
+    background-color: var(--dark-indigo);
+    color: var(--light-text);
+    font-family: var(--font-body);
+    padding-top: 70px; /* For fixed navbar */
+}
+
+.navbar {
+    background-color: rgba(13, 12, 29, 0.85);
+    backdrop-filter: blur(10px);
+}
+
+.navbar-brand {
+    font-family: var(--font-headings);
+    font-weight: 700;
+    font-size: 1.5rem;
+    color: var(--purple-accent) !important;
+}
+
+.nav-link {
+    font-weight: 500;
+    transition: color 0.3s ease;
+}
+
+.nav-link:hover, .nav-link.active {
+    color: var(--purple-accent) !important;
+}
+
+.hero-section {
+    padding: 6rem 0;
+    background: linear-gradient(45deg, rgba(74, 144, 226, 0.1), rgba(159, 112, 253, 0.1));
+    text-align: center;
+}
+
+.hero-title {
+    font-family: var(--font-headings);
+    font-size: clamp(2.5rem, 5vw, 4rem);
+    font-weight: 700;
+    color: var(--light-text);
+}
+
+.hero-tagline {
+    font-size: 1.25rem;
+    color: var(--muted-text);
+    max-width: 600px;
+    margin: 1rem auto 0;
+}
+
+.content-section {
+    padding: 4rem 0;
+}
+
+.section-title {
+    font-family: var(--font-headings);
+    font-weight: 600;
+    font-size: 2.5rem;
+    margin-bottom: 2.5rem;
+    text-align: center;
+    color: var(--light-text);
+}
+
+.event-card {
+    background-color: var(--card-bg);
+    border: 1px solid var(--card-border);
+    border-radius: 12px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    height: 100%;
+    position: relative;
+}
+
+.event-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(159, 112, 253, 0.1);
+}
+
+.event-card .card-body {
+    padding: 1.5rem;
+}
+
+.event-card .card-title {
+    font-family: var(--font-headings);
+    font-weight: 600;
+    font-size: 1.3rem;
+    color: var(--light-text);
+}
+
+.event-card .card-text {
+    color: var(--muted-text);
+    margin-bottom: 0.5rem;
+    display: flex;
+    align-items: center;
+}
+
+.event-card .card-text .icon {
+    margin-right: 0.75rem;
+}
+
+.status-badge {
+    font-size: 0.8rem;
+    font-weight: 500;
+    padding: 0.4em 0.8em;
+    border-radius: 20px;
+}
+
+.status-open {
+    background-color: rgba(126, 211, 33, 0.15);
+    color: var(--status-open);
+}
+
+.status-closed {
+    background-color: rgba(136, 136, 136, 0.15);
+    color: var(--status-closed);
+}
+
+footer {
+    background-color: var(--card-bg);
+    color: var(--muted-text);
+    border-top: 1px solid var(--card-border);
+}