:root {
  --bg: #091b10;
  --surface: #102a1d;
  --surface-strong: #183529;
  --surface-alpha: rgba(16, 42, 29, 0.78);
  --surface-strong-alpha: rgba(13, 36, 24, 0.88);
  --text: #e8f8ea;
  --muted: #91b396;
  --primary: #5ad17b;
  --primary-dark: #2f8f55;
  --accent: #8fe29e;
  --border: rgba(94, 255, 162, 0.14);
}

body.light-theme {
  --bg: #effceb;
  --surface: #f6fff2;
  --surface-strong: #ddf4d9;
  --surface-alpha: rgba(246, 255, 242, 0.90);
  --surface-strong-alpha: rgba(221, 244, 217, 0.98);
  --text: #11260f;
  --muted: #5f7b56;
  --primary: #39a951;
  --primary-dark: #2b7a3e;
  --accent: #87c27d;
  --border: rgba(38, 76, 45, 0.14);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: radial-gradient(circle at top, rgba(79, 139, 255, 0.18), transparent 30%),
    radial-gradient(circle at 20% 20%, rgba(251, 172, 61, 0.14), transparent 20%),
    url('data:image/jpeg;base64,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') ,
    var(--bg);
  background-size: auto, auto, cover, cover;
  background-position: top center, 20% 20%, center center, center center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}

img {
  max-width: 100%;
}

button,
input,
a {
  font: inherit;
}

.container {
  width: min(1110px, calc(100% - 2rem));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(18px);
  background: var(--surface-strong-alpha);
  border-bottom: 1px solid var(--border);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text);
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.brand-logo {
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
  border-radius: 8px;
  background: transparent;
  border: none;
  padding: 0;
}

.brand span {
  color: var(--primary);
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1.05rem;
}

.header-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.header-search input {
  min-width: 220px;
  max-width: 320px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 0.65rem 1rem;
  background: var(--surface);
  color: var(--text);
}

.header-search input:focus {
  outline: none;
  border-color: rgba(90, 209, 123, 0.55);
  box-shadow: 0 0 0 4px rgba(90, 209, 123, 0.12);
}

.btn-tertiary {
  background: rgba(90, 209, 123, 0.15);
  color: #e8f8ea;
  border: 1px solid rgba(90, 209, 123, 0.3);
}

.btn-tertiary:hover {
  background: rgba(90, 209, 123, 0.25);
}

.get-bot-panel {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.get-bot-panel .btn {
  min-width: 180px;
}

.login-card-footer {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1rem;
}

.hero-logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 0.85rem;
  background: transparent;
  border: none;
  border-radius: 24px;
}

.hero-bull-logo {
  max-width: 180px;
  width: auto;
  height: auto;
  filter: drop-shadow(0 18px 35px rgba(0, 0, 0, 0.25));
}

.courses {
  padding: 3rem 0;
}

.course-slider-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.course-slider {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.25rem;
}

.course-slider::-webkit-scrollbar {
  height: 10px;
}

.course-slider::-webkit-scrollbar-thumb {
  background: rgba(90, 209, 123, 0.45);
  border-radius: 999px;
}

.course-card {
  background: var(--surface-alpha);
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 1.75rem;
  min-width: 260px;
  scroll-snap-align: start;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.course-card:hover {
  transform: translateY(-6px);
  border-color: rgba(90, 209, 123, 0.4);
}

.course-tag {
  display: inline-flex;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background: rgba(90, 209, 123, 0.12);
  color: var(--primary);
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.course-card h3 {
  margin: 0 0 0.85rem;
}

.course-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.slider-control {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  border: 1px solid rgba(94, 255, 162, 0.25);
  background: rgba(16, 42, 29, 0.9);
  color: var(--text);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.slider-control:hover {
  transform: translateY(-2px);
  background: rgba(90, 209, 123, 0.12);
}

@media (max-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .course-slider-wrap {
    gap: 0.75rem;
  }

  .slider-control {
    display: none;
  }
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.main-nav a {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.main-nav a:hover {
  color: var(--text);
}

.main-nav .theme-icon-button {
  margin-left: 0.5rem;
}

.menu-toggle {
  display: none;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  height: 3px;
  border-radius: 999px;
  background: var(--text);
}

.hero {
  padding: 4rem 0 2rem;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2rem;
  align-items: center;
}

.eyebrow {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--accent);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.hero-copy h1 {
  margin: 0;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.02;
}

.hero-copy p {
  max-width: 44rem;
  margin: 1.5rem 0 2rem;
  color: var(--muted);
  line-height: 1.8;
}

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

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.95rem 1.75rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: white;
}

.btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text);
  background: rgba(255, 255, 255, 0.08);
}

.light-theme .btn-secondary {
  border-color: rgba(15, 23, 42, 0.16);
  background: rgba(15, 23, 42, 0.08);
  color: var(--text);
}

.hero-card {
  display: grid;
  gap: 1.5rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(94, 255, 162, 0.12);
  border-radius: 32px;
  padding: 1.25rem;
}

.hero-logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  padding: 0.5rem;
  background: transparent;
  border: none;
  border-radius: 16px;
}

.hero-bull-logo {
  max-width: 140px;
  width: auto;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}

.login-section {
  padding: 3rem 0;
}

.login-card {
  display: grid;
  gap: 1.5rem;
  background: var(--surface-alpha);
  border: 1px solid var(--border);
  border-radius: 32px;
  padding: 2rem;
}

.login-form {
  display: grid;
  gap: 1rem;
}

.form-row {
  display: grid;
  gap: 0.5rem;
}

.form-row label {
  color: var(--muted);
  font-size: 0.95rem;
}

.form-row input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 0.95rem 1rem;
  background: var(--surface);
  color: var(--text);
}

.form-row input:focus {
  outline: none;
  border-color: rgba(79, 139, 255, 0.8);
  box-shadow: 0 0 0 4px rgba(79, 139, 255, 0.12);
}

.login-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.login-note {
  color: var(--muted);
  font-size: 0.95rem;
}

.login-status {
  min-height: 1.25rem;
  font-size: 0.95rem;
  transition: opacity 0.2s ease;
  opacity: 0;
}

.login-error {
  color: #ff8a8a;
}

.whitelist-card {
  display: grid;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 1rem;
  margin-top: 1rem;
}

.whitelist-header {
  font-size: 0.95rem;
  color: var(--muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.whitelist-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.75rem;
}

.whitelist-actions input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 0.85rem 1rem;
  background: var(--surface);
  color: var(--text);
}

.whitelist-note {
  color: var(--muted);
  font-size: 0.9rem;
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}

.whitelist-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

.whitelist-table th,
.whitelist-table td {
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
  font-size: 0.95rem;
}

.whitelist-table th {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.whitelist-table td {
  color: var(--text);
}

.login-success {
  color: #8cffb5;
}

.btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.theme-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface-strong);
  color: var(--text);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
  font-size: 1rem;
}

.theme-icon-button:hover {
  transform: translateY(-1px);
  border-color: var(--primary);
}

.light-theme .theme-icon-button {
  background: var(--surface);
  border-color: rgba(15, 23, 42, 0.16);
}

.login-card-footer {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1rem;
}

.profit-card,
.market-chart,
.about-card,
.plan-card,
.contact-card {
  background: var(--surface-alpha);
  border: 1px solid var(--border);
  border-radius: 32px;
  padding: 1.75rem;
}

.profit-label {
  display: inline-flex;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: rgba(79, 139, 255, 0.15);
  color: var(--primary);
  font-size: 0.85rem;
  margin-bottom: 1rem;
}

.profit-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.market-chart {
  position: relative;
  min-height: 320px;
  display: grid;
  gap: 1rem;
}

.market-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.market-title-block .chart-title {
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.market-symbol {
  color: var(--muted);
  font-size: 0.95rem;
}

.market-summary-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.market-summary {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}

.market-price {
  font-size: 2rem;
  font-weight: 700;
}

.market-volume {
  color: var(--muted);
  font-size: 0.95rem;
}

.market-change.up {
  color: #19b24b;
}

.market-change.down {
  color: #ff5c5c;
}

.market-chart-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
}

.chart-line {
  height: 190px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(20, 80, 37, 0.55), rgba(11, 27, 16, 0.95));
  position: relative;
}

.chart-line::before {
  content: "";
  position: absolute;
  left: 4%;
  bottom: 10%;
  width: 90%;
  height: 4px;
  background: linear-gradient(90deg, transparent, rgba(90, 209, 123, 0.95), transparent);
  box-shadow: 0 0 30px rgba(90, 209, 123, 0.4);
  transform: rotate(-7deg);
}

.watchlist {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 1rem;
}

.watchlist-header {
  color: var(--muted);
  margin-bottom: 1rem;
  font-size: 0.95rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.watch-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.watch-item:last-child {
  border-bottom: none;
}

.watch-item span {
  color: var(--primary);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.watch-item strong {
  font-size: 1rem;
  color: var(--text);
}

.watch-item small.up {
  color: #19b24b;
}

.watch-item small.down {
  color: #ff5c5c;
}

.market-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  color: var(--muted);
}

.market-grid div {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 1rem;
}

.market-grid span {
  display: block;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.35rem;
  color: var(--primary);
}

.market-grid strong {
  display: block;
  font-size: 1.05rem;
  color: var(--text);
}

@media (max-width: 900px) {
  .market-chart-grid {
    grid-template-columns: 1fr;
  }

  .market-summary-block {
    align-items: flex-start;
  }
}

.section-header {
  text-align: center;
  margin-bottom: 2rem;
}

.section-header h2 {
  margin: 0.5rem 0 0;
  font-size: clamp(2rem, 3vw, 2.8rem);
}

.feature-grid,
.plan-grid,
.about-grid {
  display: grid;
  gap: 1.5rem;
}

.feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-card {
  padding: 2rem;
}

.feature-card h3,
.plan-card h3,
.about-card h4 {
  margin-top: 0;
}

.feature-card p {
  color: var(--muted);
  line-height: 1.75;
}

.stats-strip {
  margin: 3rem 0;
  padding: 1.5rem 0;
  background: var(--surface-alpha);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  text-align: center;
}

.stats-grid strong {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.7rem;
}

.plan-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plan-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.plan-price {
  font-size: 2.6rem;
  margin: 0;
}

.plan-price span {
  font-size: 1rem;
  color: var(--muted);
}

.plan-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--muted);
  display: grid;
  gap: 0.75rem;
}

.featured {
  border-color: rgba(79, 139, 255, 0.4);
  background: rgba(79, 139, 255, 0.08);
}

.about-grid {
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2rem;
  align-items: start;
}

.about-card {
  padding: 1.5rem;
}

.about-card + .about-card {
  margin-top: 1rem;
}

.contact {
  margin: 3rem 0 4rem;
}

.contact-card {
  text-align: center;
  padding: 3rem 2rem;
}

.contact-card h2 {
  margin: 0 0 1rem;
  font-size: clamp(2rem, 3vw, 2.75rem);
}

.contact-card p {
  color: var(--muted);
  margin-bottom: 2rem;
}

.image-panel {
  margin: 3rem 0;
}

.panel-card {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  background: var(--surface-alpha);
  border: 1px solid var(--border);
  border-radius: 32px;
}

.panel-copy {
  max-width: 42rem;
}

.panel-copy h2 {
  margin: 0.5rem 0 1rem;
}

.panel-image img {
  width: 100%;
  border-radius: 28px;
  display: block;
  object-fit: cover;
  min-height: 260px;
}
.panel-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.market-widget {
  width: 100%;
  max-width: 760px;
  background: var(--surface-alpha);
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

.market-table {
  width: 100%;
  border-collapse: collapse;
  font-family: inherit;
}

.market-table thead th {
  text-align: left;
  font-size: 0.85rem;
  color: var(--muted);
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.market-table td {
  padding: 10px 12px;
  font-size: 0.95rem;
  color: var(--text);
}

.market-table tr + tr td {
  border-top: 1px dashed rgba(255,255,255,0.03);
}

.market-table .change.up { color: #19b24b; }
.market-table .change.down { color: #ff5c5c; }
.market-table .symbol { font-weight: 600; }

.middle-image-panel {
  margin: 2.5rem 0;
}
.middle-image-wrap {
  display: flex;
  justify-content: center;
}
.middle-gif {
  width: 100%;
  max-width: 720px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.middle-image {
  width: 100%;
  max-width: 720px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
@media (max-width: 900px) {
  .panel-card {
    flex-direction: column;
  }
}

.site-footer {
  padding: 1.5rem 0 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

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

.footer-links a {
  color: var(--muted);
  text-decoration: none;
}

.footer-links a:hover {
  color: var(--text);
}

@media (max-width: 900px) {
  .hero-grid,
  .about-grid,
  .feature-grid,
  .plan-grid,
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    padding-top: 3rem;
  }
}

@media (max-width: 700px) {
  .header-inner {
    flex-wrap: wrap;
  }

  .main-nav {
    position: absolute;
    top: 100%;
    right: 1rem;
    left: 1rem;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    background: rgba(7, 11, 24, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    display: none;
  }

  .main-nav.open {
    display: flex;
  }

  .menu-toggle {
    display: flex;
  }
}