diff --git a/arise-source/config/main.css b/arise-source/config/main.css
index df75d14..05c5e48 100644
--- a/arise-source/config/main.css
+++ b/arise-source/config/main.css
@@ -1,187 +1,165 @@
-/* =========================================
-   Thergic Log - IDE Dark Theme Refinement
-   Monokai / JetBrains-inspired palette
-   ========================================= */
-
-:root {
-  --bg-main: #1e1f22;
-  --bg-surface: #2b2d31;
-  --text-main: #e8e8e3;
-  --text-muted: #b6b6b0;
-  --accent-green: #98c379;
-  --accent-blue: #61afef;
-  --accent-orange: #d19a66;
-  --accent-purple: #c678dd;
-  --accent-red: #e06c75;
-  --border-dim: #2f3237;
+/* === Core Layout === */
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: "JetBrains Mono", "Fira Code", monospace;
+  background-color: #1e1f22;
+  color: #d9d9d9;
+  line-height: 1.6;
+  font-size: 17px;
+  text-align: center;
 }
 
-/*** Layout ***/
+/* Center content area */
 body {
-  background-color: var(--bg-main);
-  color: var(--text-main);
-  font-family: "Inter", "Segoe UI", sans-serif;
-  font-size: 18px;
-  line-height: 1.65;
-  margin: 40px auto;
-  max-width: 750px;
-  padding: 0 16px;
-}
-
-/*** Header logo and nav ***/
-header img {
-  display: block;
+  max-width: 720px;
   margin: 0 auto;
-  max-width: 300px;
+  padding: 40px 20px;
+  text-align: left;
+}
+
+/* === Logo === */
+.logo {
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+.logo img {
+  max-width: 280px;
   height: auto;
-  border: none;             /* ✅ remove unwanted border on transparent PNGs */
-  box-shadow: none;
+  display: inline-block;
   background: none;
+  border: none;
+  box-shadow: none;
 }
 
-header nav {
-  text-align: center;       /* ✅ recenter navigation */
-  margin-top: 0.5em;
-  font-size: 0.95em;
+/* === Top Navigation === */
+.topbar {
+  text-align: center;
+  margin-bottom: 30px;
+  font-size: 14px;
 }
-header nav a {
-  color: var(--accent-blue);
+.topbar a {
+  color: #82aaff;
   text-decoration: none;
-  margin: 0 6px;
+  transition: color 0.2s ease;
 }
-header nav a:hover {
-  color: var(--accent-green);
+.topbar a:hover {
+  color: #ffb454;
+}
+.topbar .sep {
+  color: #555;
+  margin: 0 8px;
 }
 
-/*** Headings ***/
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 700;
+/* === Headings === */
+h1, h2, h3, h4 {
+  color: #ffb454;
+  font-weight: 600;
   margin-top: 2.2em;
-  margin-bottom: 0.8em;
-  line-height: 1.3;
+  margin-bottom: 0.6em;
 }
 h1 {
-  color: var(--accent-green);
-  font-size: 2.1em;
-  border-bottom: 1px solid var(--border-dim);
-  padding-bottom: 0.4em;
-}
-h2 {
-  color: var(--accent-blue);
-  font-size: 1.6em;
-}
-h3 {
-  color: var(--accent-orange);
-  font-size: 1.25em;
+  color: #6aff7f;
+  text-align: center;
+  margin-top: 0.5em;
 }
 
-/*** Links ***/
+/* === Paragraphs & Links === */
+p {
+  margin: 0.8em 0;
+}
 a {
-  color: var(--accent-blue);
+  color: #82aaff;
   text-decoration: none;
-  transition: color 0.25s ease;
 }
 a:hover {
-  color: var(--accent-purple);
+  color: #ffb454;
+  text-decoration: underline;
 }
 
-/*** Text elements ***/
-p, ul, ol {
-  margin: 0 0 1.2em;
-}
-strong { color: var(--accent-green); }
-em { color: var(--accent-orange); }
-del { opacity: 0.6; }
-
-/*** Inline code ***/
+/* === Inline Code === */
 code {
-  font-family: "JetBrains Mono", "Fira Code", monospace;
-  font-size: 0.95em;
   background: #2b2d31;
-  color: var(--accent-orange);
-  padding: 2px 5px;
+  color: #ffd866;
+  padding: 0.15em 0.35em;
   border-radius: 4px;
+  font-size: 0.95em;
 }
 
-/*** Code blocks ***/
-pre {
-  background: var(--bg-surface);
+/* === Code Blocks === */
+pre.sourceCode {
+  background: #2b2d31;
+  border-radius: 6px;
   padding: 1em;
-  border-radius: 8px;
   overflow-x: auto;
-  margin: 1.5em 0;
-  border: 1px solid var(--border-dim);
-  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.35);
-}
-pre code {
-  color: var(--text-main);
-  background: none;
+  margin: 1.2em 0;
 }
 
-/*** Syntax highlight – Monokai / JetBrains style ***/
-pre .kw   { color: var(--accent-red); font-weight: 600; }     /* keywords */
-pre .fn   { color: var(--accent-blue); }                      /* functions */
-pre .str  { color: var(--accent-green); }                     /* strings */
-pre .num  { color: #d19a66; }                                 /* numbers */
-pre .com  { color: #7f848e; font-style: italic; }             /* comments */
-pre .cls  { color: var(--accent-purple); }                    /* classes */
-pre .var  { color: #e5c07b; }                                 /* variables */
+/* Monokai-style syntax colors */
+.sourceCode .kw  { color: #ff6188; }   /* keyword */
+.sourceCode .co  { color: #727072; }   /* comment */
+.sourceCode .st  { color: #a9dc76; }   /* string */
+.sourceCode .va  { color: #78dce8; }   /* variable */
+.sourceCode .fu  { color: #ffd866; }   /* function */
+.sourceCode .op  { color: #ffb454; }   /* operator */
+.sourceCode .bu  { color: #82aaff; }   /* built-in */
 
-/*** Blockquotes ***/
+/* === Blockquotes === */
 blockquote {
-  border-left: 3px solid var(--accent-blue);
-  background: rgba(97, 175, 239, 0.07);
-  padding: 0.8em 1em;
-  margin: 1.8em 0;
-  font-style: italic;
-  color: var(--text-muted);
+  border-left: 3px solid #82aaff;
+  padding-left: 1em;
+  margin: 1.2em 0;
+  color: #c0c0c0;
+  background: #232428;
   border-radius: 4px;
 }
 
-/*** Tables ***/
+/* === Lists === */
+ul, ol {
+  padding-left: 1.6em;
+}
+ul li, ol li {
+  margin-bottom: 0.3em;
+}
+
+/* === Tables === */
 table {
-  width: 100%;
   border-collapse: collapse;
-  margin: 2em 0;
+  width: 100%;
+  margin: 1.2em 0;
   font-size: 0.95em;
 }
 th, td {
-  border: 1px solid var(--border-dim);
+  border: 1px solid #2b2d31;
   padding: 0.6em 0.8em;
 }
 th {
-  background: rgba(97, 175, 239, 0.1);
-  color: var(--accent-blue);
+  background: #2b2d31;
+  color: #ffb454;
   text-align: left;
 }
 tr:nth-child(even) td {
-  background: rgba(255, 255, 255, 0.02);
+  background: #232428;
 }
 
-/*** HR separator ***/
+/* === Horizontal Rules === */
 hr {
   border: none;
-  height: 1px;
-  background: var(--border-dim);
-  margin: 2.2em 0;
+  border-top: 1px solid #2b2d31;
+  margin: 2em 0;
 }
 
-/*** Footer ***/
-footer {
-  border-top: 1px solid var(--border-dim);
-  margin-top: 3em;
-  padding-top: 1em;
+/* === Footer === */
+.footer {
   text-align: center;
-  font-size: 0.85em;
-  color: var(--text-muted);
+  font-size: 13px;
+  color: #888;
+  margin-top: 3em;
 }
-
-/*** Transitions ***/
-a, code, pre, table, blockquote {
-  transition: all 0.25s ease;
+.footer a {
+  color: #82aaff;
 }
-
-/*** Remove over-bright glows ***/
-pre:hover, blockquote:hover, table:hover {
-  box-shadow: 0 0 6px rgba(97, 175, 239, 0.15);
+.footer a:hover {
+  color: #ffb454;
 }