.elementor-kit-733{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-733 e-page-transition{background-color:#FFBC7D;}.elementor-kit-733 button,.elementor-kit-733 input[type="button"],.elementor-kit-733 input[type="submit"],.elementor-kit-733 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-kit-733 img{border-style:double;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1000px;}.e-con{--container-max-width:1000px;}.elementor-widget:not(:last-child){--kit-widget-spacing:17px;}.elementor-element{--widgets-spacing:17px 17px;--widgets-spacing-row:17px;--widgets-spacing-column:17px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --bg-color: #0f111a;
  --text-color: #e0e0e0;
  --accent-color: #00bfff;
  --heading-color: #00bfff;
  --card-bg: #1c1f2b;
}

[data-theme="light"] {
  --bg-color: #ffffff;
  --text-color: #333333;
  --accent-color: #0077cc;
  --heading-color: #0077cc;
  --card-bg: #f0f0f0;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 2rem;
  transition: background 0.4s ease, color 0.4s ease;
}

h2, h3 {
  color: var(--heading-color);
  margin-top: 2rem;
}

strong {
  color: var(--accent-color);
}

ul {
  padding-left: 1.4rem;
}

li {
  margin-bottom: 0.4rem;
}

.theme-toggle {
  text-align: center;
  margin-bottom: 2rem;
}

.theme-toggle button {
  background: transparent;
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease;
}

.theme-toggle button:hover {
  background: var(--accent-color);
  color: var(--bg-color);
}

.hall-of-fame {
  margin-top: 3rem;
}

.profiles {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.profile-card {
  background: var(--card-bg);
  border: 1px solid var(--accent-color);
  padding: 1rem;
  border-radius: 8px;
  width: 180px;
  text-align: center;
  font-weight: bold;
}

.timeline {
  margin-top: 2rem;
  border-left: 2px solid var(--accent-color);
  padding-left: 1rem;
}

.timeline li {
  position: relative;
  margin-bottom: 1rem;
}

.timeline li::before {
  content: "📅";
  position: absolute;
  left: -2rem;
}

.ascii-banner {
  font-family: monospace;
  white-space: pre;
  color: var(--accent-color);
  text-align: center;
  margin-top: 2rem;
}/* End custom CSS */