/* ====== TEZ TRADER THEME CSS ====== */
/* This stylesheet provides the complete Tez Trader dark theme with gold accents */

:root {
  --black:   #07090f;
  --navy:    #0b0f1c;
  --navy2:   #111829;
  --card:    #131a2b;
  --border:  rgba(201,159,64,0.15);
  --gold:    #c99f40;
  --gold2:   #e8c068;
  --gold3:   #f5d78e;
  --white:   #f0ede8;
  --muted:   #7a8299;
  --red:     #e84545;
  --green:   #4ecb71;
}

*, *::before, *::after { 
  box-sizing: border-box; 
  margin: 0; 
  padding: 0; 
}

html { 
  scroll-behavior: smooth; 
}

body {
  background: var(--black);
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
}

/* ====== NAV ====== */
nav {
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  z-index: 900;
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  padding: 1rem 5vw;
  background: rgba(7,9,15,0.92);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}

.logo { 
  display: flex; 
  align-items: center; 
  gap: 0.6rem; 
  text-decoration: none; 
}

.logo-icon {
  width: 36px; 
  height: 36px; 
  background: var(--gold);
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  display: flex; 
  align-items: center; 
  justify-content: center;
  font-size: 0.9rem; 
  font-weight: 900; 
  color: var(--black);
  font-family: 'Bebas Neue', sans-serif; 
  letter-spacing: 1px;
}

.logo-main { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 1.5rem; 
  letter-spacing: 3px; 
  color: var(--gold); 
  display: block; 
  line-height: 1; 
}

.logo-owned { 
  font-size: 0.52rem; 
  color: var(--muted); 
  letter-spacing: 2px; 
  text-transform: uppercase; 
  display: block; 
}

.nav-links { 
  display: flex; 
  gap: 2.2rem; 
  list-style: none; 
  align-items: center; 
}

.nav-links a { 
  color: var(--white); 
  text-decoration: none; 
  font-size: 0.8rem; 
  font-weight: 600; 
  letter-spacing: 0.5px; 
  text-transform: uppercase; 
  opacity: 0.75; 
  transition: opacity 0.2s, color 0.2s; 
}

.nav-links a:hover { 
  opacity: 1; 
  color: var(--gold); 
}

.nav-cta { 
  background: var(--gold) !important; 
  color: var(--black) !important; 
  padding: 0.5rem 1.3rem; 
  border-radius: 4px; 
  opacity: 1 !important; 
  font-weight: 800 !important; 
}

.nav-cta:hover { 
  background: var(--gold2) !important; 
}

/* ====== NAV DROPDOWN ====== */
.nav-dropdown {
  position: relative;
}

.nav-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  position: relative;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  transition: background 0.2s;
}

.nav-dropdown-toggle::after {
  content: '▼';
  font-size: 0.55rem;
  color: var(--gold);
  transition: transform 0.3s ease;
}

.nav-dropdown:hover .nav-dropdown-toggle {
  background: rgba(201,159,64,0.08);
}

.nav-dropdown:hover .nav-dropdown-toggle::after {
  transform: rotate(180deg);
}

.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 1.2rem);
  right: 0;
  min-width: 260px;
  background: linear-gradient(160deg, var(--card), var(--navy2));
  border: 1px solid rgba(201,159,64,0.2);
  border-radius: 10px;
  padding: 0.6rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 1000;
  box-shadow: 0 15px 50px rgba(0,0,0,0.6), 0 0 0 1px rgba(201,159,64,0.1);
  backdrop-filter: blur(10px);
}

.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  color: var(--white);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: none;
  opacity: 0.8;
  transition: all 0.2s ease;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.nav-dropdown-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  background: var(--gold);
  transition: width 0.3s ease;
}

.nav-dropdown-item:hover {
  background: rgba(201,159,64,0.12);
  opacity: 1;
  padding-left: 1.4rem;
  color: var(--gold2);
  transform: translateX(4px);
}

.nav-dropdown-item:hover::before {
  width: 4px;
}

.nav-dropdown-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--border), transparent);
  margin: 0.6rem 0.8rem;
  opacity: 0.6;
}

/* ====== ADMIN SECTIONS ====== */
.admin-section {
  min-height: calc(100vh - 200px);
  padding: 6rem 5vw 5rem;
  background: linear-gradient(135deg, #07090f 40%, #0c1220 100%);
}

.admin-container {
  max-width: 1400px;
  margin: 0 auto;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}

.admin-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

.admin-container h1, .admin-container h2 {
  font-family: 'Bebas Neue', sans-serif;
  color: var(--white);
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}

.admin-container h1 .gold, .admin-container h2 .gold {
  color: var(--gold);
}

/* Admin Tables */
.admin-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 2rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}

.admin-table thead {
  background: rgba(201,159,64,0.08);
}

.admin-table th {
  padding: 1rem 1.2rem;
  text-align: left;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-bottom: 2px solid var(--border);
}

.admin-table td {
  padding: 1rem 1.2rem;
  font-size: 0.85rem;
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.admin-table tbody tr {
  transition: background 0.2s;
}

.admin-table tbody tr:hover {
  background: rgba(201,159,64,0.05);
}

.admin-table tbody tr:last-child td {
  border-bottom: none;
}

/* Admin Forms */
.admin-form {
  max-width: 600px;
  margin-top: 2rem;
}

.admin-form-group {
  margin-bottom: 1.5rem;
}

.admin-form-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--gold2);
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.admin-form-input {
  width: 100%;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--border);
  color: var(--white);
  padding: 0.85rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  outline: none;
  font-family: 'Montserrat', sans-serif;
  transition: border-color 0.2s, background 0.2s;
}

.admin-form-input:focus {
  border-color: var(--gold);
  background: rgba(201,159,64,0.05);
}

.admin-form-input::placeholder {
  color: var(--muted);
}

/* Admin Buttons */
.admin-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  font-family: 'Montserrat', sans-serif;
}

.admin-btn-primary {
  background: var(--gold);
  color: var(--black);
}

.admin-btn-primary:hover {
  background: var(--gold2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(201,159,64,0.3);
}

.admin-btn-secondary {
  background: rgba(255,255,255,0.05);
  color: var(--white);
  border: 1px solid var(--border);
}

.admin-btn-secondary:hover {
  background: rgba(255,255,255,0.08);
  border-color: var(--gold);
}

.admin-btn-success {
  background: var(--green);
  color: var(--black);
}

.admin-btn-success:hover {
  background: #5ce87f;
  transform: translateY(-2px);
}

.admin-btn-warning {
  background: rgba(201,159,64,0.15);
  color: var(--gold2);
  border: 1px solid var(--gold);
}

.admin-btn-warning:hover {
  background: rgba(201,159,64,0.25);
}

.admin-btn-danger {
  background: rgba(232,69,69,0.15);
  color: var(--red);
  border: 1px solid var(--red);
}

.admin-btn-danger:hover {
  background: rgba(232,69,69,0.25);
}

.admin-btn-sm {
  padding: 0.4rem 0.9rem;
  font-size: 0.72rem;
}

/* Admin Cards */
.admin-card {
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.admin-card-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--gold2);
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.admin-card-body {
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.6;
}

/* Admin Alerts */
.admin-alert {
  padding: 1rem 1.2rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.admin-alert-success {
  background: rgba(78,203,113,0.12);
  border: 1px solid rgba(78,203,113,0.3);
  color: var(--green);
}

.admin-alert-danger {
  background: rgba(232,69,69,0.12);
  border: 1px solid rgba(232,69,69,0.3);
  color: var(--red);
}

.admin-alert-info {
  background: rgba(201,159,64,0.12);
  border: 1px solid rgba(201,159,64,0.3);
  color: var(--gold2);
}

/* Admin Button Group */
.admin-btn-group {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

/* Admin List Group */
.admin-list-group {
  list-style: none;
  margin-top: 1.5rem;
}

.admin-list-item {
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--border);
  padding: 1rem 1.2rem;
  margin-bottom: 0.5rem;
  border-radius: 6px;
  transition: all 0.2s;
}

.admin-list-item:hover {
  background: rgba(201,159,64,0.05);
  border-color: rgba(201,159,64,0.3);
  transform: translateX(4px);
}

.admin-list-item a {
  color: var(--white);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.admin-list-item a:hover {
  color: var(--gold2);
}

/* ====== HERO ====== */
.hero {
  min-height: 100vh; 
  display: flex; 
  align-items: center;
  position: relative; 
  overflow: hidden; 
  padding: 8rem 5vw 5rem;
  background: linear-gradient(135deg, #07090f 40%, #0c1220 100%);
}

.hero-glow { 
  position: absolute; 
  top: -20%; 
  right: -10%; 
  width: 700px; 
  height: 700px; 
  background: radial-gradient(circle, rgba(201,159,64,0.07) 0%, transparent 70%); 
  pointer-events: none; 
}

.hero-glow2 { 
  position: absolute; 
  bottom: -10%; 
  left: 5%; 
  width: 400px; 
  height: 400px; 
  background: radial-gradient(circle, rgba(201,159,64,0.04) 0%, transparent 70%); 
  pointer-events: none; 
}

.hero-chart {
  position: absolute; 
  right: 4vw; 
  top: 50%; 
  transform: translateY(-50%);
  display: flex; 
  align-items: flex-end; 
  gap: 9px; 
  opacity: 0.13;
}

.hc { 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
}

.hc-wick { 
  width: 2px; 
  background: currentColor; 
}

.hc-body { 
  width: 22px; 
  border-radius: 2px; 
}

.hero-content { 
  position: relative; 
  z-index: 2; 
  max-width: 640px; 
}

.hero-eyebrow {
  display: inline-flex; 
  align-items: center; 
  gap: 0.6rem;
  background: rgba(201,159,64,0.1); 
  border: 1px solid rgba(201,159,64,0.3);
  color: var(--gold2); 
  font-size: 0.68rem; 
  font-weight: 700;
  letter-spacing: 3px; 
  text-transform: uppercase;
  padding: 0.45rem 1rem; 
  border-radius: 50px; 
  margin-bottom: 2rem;
  animation: fadeUp 0.5s ease both;
}

.live-dot { 
  width: 7px; 
  height: 7px; 
  background: var(--gold); 
  border-radius: 50%; 
  animation: blink 1.4s infinite; 
}

@keyframes blink { 
  0%,100%{opacity:1} 
  50%{opacity:0.2} 
}

h1 { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: clamp(3.5rem, 8vw, 8rem); 
  line-height: 0.9; 
  letter-spacing: 2px; 
  animation: fadeUp 0.6s 0.1s ease both; 
}

h1 .gold { 
  color: var(--gold); 
}

.hero-desc { 
  font-size: 0.97rem; 
  color: var(--muted); 
  margin: 1.8rem 0 2.5rem; 
  max-width: 480px; 
  line-height: 1.75; 
  font-weight: 400; 
  animation: fadeUp 0.6s 0.2s ease both; 
}

.hero-btns { 
  display: flex; 
  gap: 0.8rem; 
  flex-wrap: wrap; 
  animation: fadeUp 0.6s 0.3s ease both; 
}

.btn-gold { 
  background: var(--gold); 
  color: var(--black); 
  padding: 0.88rem 1.8rem; 
  border-radius: 5px; 
  font-weight: 700; 
  font-size: 0.85rem; 
  text-decoration: none; 
  border: none; 
  cursor: pointer; 
  text-transform: uppercase; 
  letter-spacing: 0.8px; 
  transition: background 0.2s, transform 0.15s; 
  display: inline-flex; 
  align-items: center; 
  gap: 0.5rem; 
  font-family: 'Montserrat', sans-serif; 
}

.btn-gold:hover { 
  background: var(--gold2); 
  transform: translateY(-2px); 
}

.btn-ghost { 
  border: 1px solid rgba(201,159,64,0.4); 
  color: var(--gold2); 
  padding: 0.88rem 1.8rem; 
  border-radius: 5px; 
  font-weight: 600; 
  font-size: 0.85rem; 
  text-decoration: none; 
  background: transparent; 
  cursor: pointer; 
  text-transform: uppercase; 
  letter-spacing: 0.8px; 
  transition: border-color 0.2s, background 0.2s, transform 0.15s; 
  font-family: 'Montserrat', sans-serif; 
}

.btn-ghost:hover { 
  border-color: var(--gold); 
  background: rgba(201,159,64,0.05); 
  transform: translateY(-2px); 
}

.hero-stats { 
  display: flex; 
  gap: 3rem; 
  margin-top: 4rem; 
  padding-top: 2.5rem; 
  border-top: 1px solid var(--border); 
  animation: fadeUp 0.6s 0.4s ease both; 
  flex-wrap: wrap; 
}

.stat-val { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 2.4rem; 
  color: var(--gold); 
  letter-spacing: 1px; 
}

.stat-label { 
  font-size: 0.7rem; 
  color: var(--muted); 
  margin-top: 0.1rem; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
}

/* ====== TICKER ====== */
.ticker-wrap { 
  background: var(--navy2); 
  border-top: 1px solid var(--border); 
  border-bottom: 1px solid var(--border); 
  overflow: hidden; 
  padding: 0.75rem 0; 
}

.ticker { 
  display: flex; 
  gap: 4rem; 
  animation: ticker 30s linear infinite; 
  white-space: nowrap; 
}

.ticker-item { 
  display: flex; 
  align-items: center; 
  gap: 0.8rem; 
  font-size: 0.8rem; 
  font-weight: 600; 
}

.ticker-symbol { 
  color: var(--muted); 
}

.up { 
  color: var(--green); 
}

.down { 
  color: var(--red); 
}

@keyframes ticker { 
  0%{transform:translateX(0)} 
  100%{transform:translateX(-50%)} 
}

/* ====== LAYOUT ====== */
section { 
  padding: 7rem 5vw; 
}

.section-tag {
  font-size: 0.68rem; 
  font-weight: 800; 
  letter-spacing: 4px; 
  text-transform: uppercase;
  color: var(--gold); 
  margin-bottom: 1rem;
  display: flex; 
  align-items: center; 
  gap: 1rem;
}

.section-tag::before, .section-tag::after { 
  content: ''; 
  flex: 1; 
  max-width: 60px; 
  height: 1px; 
  background: var(--gold); 
  opacity: 0.4; 
}

.section-tag.no-lines::before, .section-tag.no-lines::after { 
  display: none; 
}

h2 { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: clamp(2.4rem, 5vw, 4rem); 
  line-height: 1; 
  letter-spacing: 1px; 
  margin-bottom: 1.2rem; 
}

h2 .gold { 
  color: var(--gold); 
}

.section-desc { 
  color: var(--muted); 
  max-width: 520px; 
  line-height: 1.75; 
  font-size: 0.9rem; 
  font-weight: 400; 
}

/* ====== ABOUT ====== */
.about { 
  background: var(--navy); 
  text-align: center; 
}

.about-sub { 
  color: var(--muted); 
  font-size: 0.88rem; 
  margin-bottom: 4rem; 
}

.about-inner { 
  display: grid; 
  grid-template-columns: 260px 1fr; 
  gap: 4rem; 
  align-items: center; 
  text-align: left; 
  max-width: 880px; 
  margin: 0 auto; 
}

.about-img {
  background: linear-gradient(160deg, #1a2440, #0d1830);
  border: 1px solid var(--border); 
  border-radius: 14px;
  aspect-ratio: 3/4; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  position: relative; 
  overflow: hidden;
}

.about-img-icon { 
  font-size: 5rem; 
  opacity: 0.18; 
}

.about-img-badge { 
  position: absolute; 
  bottom: 1rem; 
  left: 0; 
  right: 0; 
  text-align: center; 
  font-size: 0.7rem; 
  color: var(--gold2); 
  font-weight: 700; 
  letter-spacing: 2px; 
  text-transform: uppercase; 
}

.about-text h3 { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 2rem; 
  letter-spacing: 1px; 
  margin-bottom: 1rem; 
}

.about-text p { 
  color: var(--muted); 
  font-size: 0.88rem; 
  line-height: 1.8; 
  margin-bottom: 2rem; 
}

.about-text p strong { 
  color: var(--gold2); 
}

.about-mini { 
  display: flex; 
  gap: 3rem; 
  flex-wrap: wrap; 
}

.ams-val { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 2rem; 
  color: var(--gold); 
  letter-spacing: 1px; 
}

.ams-lbl { 
  font-size: 0.7rem; 
  color: var(--muted); 
  text-transform: uppercase; 
  letter-spacing: 1px; 
}

/* ====== SERVICES ====== */
.srv-grid { 
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
  gap: 1px; 
  background: var(--border); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  overflow: hidden; 
  margin-top: 4rem; 
}

.srv-card { 
  background: var(--card); 
  padding: 2rem 1.7rem; 
  position: relative; 
  cursor: pointer; 
  transition: background 0.3s; 
}

.srv-card::after { 
  content: ''; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  height: 2px; 
  background: linear-gradient(90deg, transparent, var(--gold), transparent); 
  transform: scaleX(0); 
  transition: transform 0.3s; 
}

.srv-card:hover { 
  background: #1a2440; 
}

.srv-card:hover::after { 
  transform: scaleX(1); 
}

.srv-icon { 
  width: 46px; 
  height: 46px; 
  background: rgba(201,159,64,0.1); 
  border: 1px solid rgba(201,159,64,0.2); 
  border-radius: 10px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.3rem; 
  margin-bottom: 1.2rem; 
}

.srv-card h3 { 
  font-size: 0.92rem; 
  font-weight: 700; 
  margin-bottom: 0.6rem; 
}

.srv-card h3 .g { 
  color: var(--gold2); 
}

.srv-card p { 
  color: var(--muted); 
  font-size: 0.8rem; 
  line-height: 1.65; 
  margin-bottom: 1.3rem; 
}

.srv-link { 
  display: inline-flex; 
  align-items: center; 
  gap: 0.4rem; 
  color: var(--gold); 
  font-size: 0.75rem; 
  font-weight: 700; 
  text-decoration: none; 
  text-transform: uppercase; 
  letter-spacing: 1px; 
  border: 1px solid rgba(201,159,64,0.3); 
  padding: 0.4rem 1rem; 
  border-radius: 4px; 
  transition: background 0.2s, border-color 0.2s; 
}

.srv-link:hover { 
  background: rgba(201,159,64,0.1); 
  border-color: var(--gold); 
}

/* ====== RESULTS ====== */
.results { 
  background: var(--navy); 
}

.results-grid { 
  display: grid; 
  grid-template-columns: repeat(3,1fr); 
  gap: 1.5rem; 
  margin-top: 4rem; 
}

.result-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  overflow: hidden; 
  transition: transform 0.2s, border-color 0.2s; 
}

.result-card:hover { 
  transform: translateY(-5px); 
  border-color: rgba(201,159,64,0.3); 
}

.result-img { 
  height: 175px; 
  background: linear-gradient(135deg, #1a2440, #0d1830); 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  position: relative; 
  overflow: hidden; 
}

.result-img-icon { 
  font-size: 3rem; 
  opacity: 0.25; 
}

.result-overlay { 
  position: absolute; 
  inset: 0; 
  background: linear-gradient(0deg, rgba(7,9,15,0.8) 0%, transparent 60%); 
}

.result-body { 
  padding: 1.4rem; 
}

.result-body h4 { 
  font-size: 0.9rem; 
  font-weight: 700; 
  margin-bottom: 0.4rem; 
}

.result-body h4 .g { 
  color: var(--gold); 
}

.result-body p { 
  color: var(--muted); 
  font-size: 0.8rem; 
  line-height: 1.6; 
}

/* ====== EBOOK ====== */
.ebook { 
  background: linear-gradient(135deg, #0d1220 0%, #111829 100%); 
  border-top: 1px solid var(--border); 
  border-bottom: 1px solid var(--border); 
}

.ebook-grid { 
  display: grid; 
  grid-template-columns: 1fr auto; 
  gap: 4rem; 
  align-items: center; 
}

.ebook-title { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: clamp(1.8rem, 4vw, 3rem); 
  letter-spacing: 1px; 
  margin-bottom: 0.8rem; 
}

.ebook-title .g { 
  color: var(--gold); 
}

.ebook-desc { 
  color: var(--muted); 
  font-size: 0.88rem; 
  margin-bottom: 2rem; 
}

.ebook-form { 
  display: flex; 
  gap: 0.8rem; 
  flex-wrap: wrap; 
}

.ebook-input { 
  background: rgba(255,255,255,0.04); 
  border: 1px solid var(--border); 
  color: var(--white); 
  padding: 0.85rem 1.2rem; 
  border-radius: 5px; 
  font-size: 0.85rem; 
  width: 280px; 
  outline: none; 
  font-family: 'Montserrat', sans-serif; 
  transition: border-color 0.2s; 
}

.ebook-input:focus { 
  border-color: var(--gold); 
}

.ebook-input::placeholder { 
  color: var(--muted); 
}

.ebook-book { 
  background: linear-gradient(160deg, #1a2440, #0d1220); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  padding: 2rem 2.5rem; 
  text-align: center; 
  position: relative; 
  overflow: hidden; 
  min-width: 180px; 
}

.ebook-book::before { 
  content: ''; 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  height: 3px; 
  background: linear-gradient(90deg, transparent, var(--gold), transparent); 
}

.ebook-book-icon { 
  font-size: 4rem; 
  margin-bottom: 0.8rem; 
  display: block; 
}

.ebook-book-title { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 0.9rem; 
  letter-spacing: 2px; 
  color: var(--gold2); 
}

/* ====== ACADEMY ====== */
.academy-inner { 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 5rem; 
  align-items: center; 
  margin-top: 4rem; 
}

.course-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 10px; 
  padding: 1.4rem; 
  display: flex; 
  align-items: center; 
  gap: 1.2rem; 
  margin-bottom: 1rem; 
  transition: transform 0.2s, border-color 0.2s; 
  cursor: pointer; 
}

.course-card:hover { 
  transform: translateX(6px); 
  border-color: rgba(201,159,64,0.3); 
}

.course-icon { 
  width: 44px; 
  height: 44px; 
  flex-shrink: 0; 
  background: rgba(201,159,64,0.1); 
  border-radius: 10px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.2rem; 
}

.course-title { 
  font-weight: 700; 
  font-size: 0.87rem; 
  margin-bottom: 0.2rem; 
}

.course-meta { 
  font-size: 0.72rem; 
  color: var(--muted); 
}

.clvl { 
  margin-left: auto; 
  flex-shrink: 0; 
  font-size: 0.62rem; 
  font-weight: 800; 
  letter-spacing: 1.5px; 
  text-transform: uppercase; 
  padding: 0.22rem 0.7rem; 
  border-radius: 50px; 
}

.beginner { 
  background: rgba(78,203,113,0.12); 
  color: var(--green); 
}

.intermediate { 
  background: rgba(201,159,64,0.12); 
  color: var(--gold2); 
}

.advanced { 
  background: rgba(232,69,69,0.12); 
  color: var(--red); 
}

/* ====== SCREENER ====== */
.screener { 
  background: var(--navy); 
}

.screener-demo { 
  margin-top: 4rem; 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 14px; 
  overflow: hidden; 
}

.screener-toolbar { 
  background: rgba(255,255,255,0.02); 
  border-bottom: 1px solid var(--border); 
  padding: 1rem 1.5rem; 
  display: flex; 
  align-items: center; 
  gap: 0.8rem; 
  flex-wrap: wrap; 
}

.filter-chip { 
  background: rgba(255,255,255,0.04); 
  border: 1px solid var(--border); 
  padding: 0.32rem 0.9rem; 
  border-radius: 50px; 
  font-size: 0.73rem; 
  color: var(--muted); 
  cursor: pointer; 
  transition: all 0.2s; 
}

.filter-chip.active, .filter-chip:hover { 
  border-color: var(--gold); 
  color: var(--gold); 
  background: rgba(201,159,64,0.08); 
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 
  padding: 0.9rem 1.5rem; 
  text-align: left; 
  font-size: 0.68rem; 
  font-weight: 700; 
  color: var(--muted); 
  text-transform: uppercase; 
  letter-spacing: 1px; 
  border-bottom: 1px solid var(--border); 
}

td { 
  padding: 0.9rem 1.5rem; 
  font-size: 0.84rem; 
  border-bottom: 1px solid rgba(255,255,255,0.03); 
}

tr:last-child td { 
  border-bottom: none; 
}

tr:hover td { 
  background: rgba(201,159,64,0.03); 
}

.stock-name { 
  font-weight: 700; 
}

.stock-sector { 
  font-size: 0.7rem; 
  color: var(--muted); 
}

.change-up { 
  color: var(--green); 
  font-weight: 700; 
}

.change-down { 
  color: var(--red); 
  font-weight: 700; 
}

.signal-buy { 
  background: rgba(78,203,113,0.12); 
  color: var(--green); 
  padding: 0.2rem 0.65rem; 
  border-radius: 4px; 
  font-size: 0.7rem; 
  font-weight: 800; 
}

.signal-watch { 
  background: rgba(201,159,64,0.12); 
  color: var(--gold2); 
  padding: 0.2rem 0.65rem; 
  border-radius: 4px; 
  font-size: 0.7rem; 
  font-weight: 800; 
}

/* ====== COMMUNITY ====== */
.cbs { 
  display: grid; 
  grid-template-columns: repeat(3,1fr); 
  gap: 1.5rem; 
  margin-top: 4rem; 
  text-align: center; 
}

.cbs-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  padding: 2rem; 
}

.cbs-val { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 3rem; 
  color: var(--gold); 
  letter-spacing: 1px; 
}

.cbs-lbl { 
  font-size: 0.75rem; 
  color: var(--muted); 
  text-transform: uppercase; 
  letter-spacing: 1px; 
  margin-top: 0.3rem; 
}

.comm-cards { 
  display: grid; 
  grid-template-columns: repeat(3,1fr); 
  gap: 1.5rem; 
  margin-top: 2rem; 
}

.comm-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  padding: 1.8rem; 
  transition: transform 0.2s, border-color 0.2s; 
}

.comm-card:hover { 
  transform: translateY(-4px); 
  border-color: rgba(201,159,64,0.25); 
}

.comm-quote { 
  font-size: 2rem; 
  color: var(--gold); 
  opacity: 0.4; 
  line-height: 1; 
  margin-bottom: 0.8rem; 
}

.comm-msg { 
  font-size: 0.86rem; 
  color: var(--white); 
  line-height: 1.7; 
  margin-bottom: 1.3rem; 
  font-style: italic; 
  opacity: 0.82; 
}

.comm-name { 
  font-size: 0.82rem; 
  font-weight: 700; 
  color: var(--gold2); 
}

.comm-role { 
  font-size: 0.7rem; 
  color: var(--muted); 
  margin-top: 0.2rem; 
}

/* ====== TRADING ROOM ====== */
.trading-room { 
  background: var(--navy); 
}

.room-grid { 
  display: grid; 
  grid-template-columns: repeat(2,1fr); 
  gap: 1.5rem; 
  margin-top: 4rem; 
}

.room-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 12px; 
  padding: 1.8rem; 
  display: flex; 
  gap: 1.2rem; 
  transition: border-color 0.2s; 
}

.room-card:hover { 
  border-color: rgba(201,159,64,0.25); 
}

.room-icon { 
  width: 48px; 
  height: 48px; 
  flex-shrink: 0; 
  background: rgba(201,159,64,0.1); 
  border: 1px solid rgba(201,159,64,0.2); 
  border-radius: 10px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.4rem; 
}

.room-card h4 { 
  font-size: 0.95rem; 
  font-weight: 700; 
  margin-bottom: 0.5rem; 
}

.room-card p { 
  color: var(--muted); 
  font-size: 0.83rem; 
  line-height: 1.65; 
}

/* ====== PRICING ====== */
.pricing-grid { 
  display: grid; 
  grid-template-columns: repeat(3,1fr); 
  gap: 1.5rem; 
  margin-top: 4rem; 
}

.price-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: 16px; 
  padding: 2.5rem; 
  position: relative; 
  transition: transform 0.2s; 
}

.price-card:hover { 
  transform: translateY(-4px); 
}

.price-card.featured { 
  border-color: var(--gold); 
  background: linear-gradient(160deg, #1a1505 0%, var(--card) 60%); 
}

.popular-badge { 
  position: absolute; 
  top: -13px; 
  left: 50%; 
  transform: translateX(-50%); 
  background: var(--gold); 
  color: var(--black); 
  font-size: 0.62rem; 
  font-weight: 800; 
  letter-spacing: 2px; 
  text-transform: uppercase; 
  padding: 0.28rem 1.2rem; 
  border-radius: 50px; 
  white-space: nowrap; 
}

.price-plan { 
  font-size: 0.68rem; 
  font-weight: 800; 
  letter-spacing: 3px; 
  text-transform: uppercase; 
  color: var(--gold); 
  margin-bottom: 1.2rem; 
}

.price-val { 
  font-family: 'Bebas Neue', sans-serif; 
  font-size: 3.5rem; 
  color: var(--white); 
  letter-spacing: 1px; 
  line-height: 1; 
}

.price-val small { 
  font-family: 'Montserrat', sans-serif; 
  font-size: 0.88rem; 
  font-weight: 400; 
  color: var(--muted); 
}

.price-desc { 
  color: var(--muted); 
  font-size: 0.82rem; 
  margin: 0.8rem 0 2rem; 
  line-height: 1.6; 
}

.price-features { 
  list-style: none; 
  margin-bottom: 2rem; 
}

.price-features li { 
  display: flex; 
  align-items: center; 
  gap: 0.7rem; 
  padding: 0.5rem 0; 
  font-size: 0.82rem; 
  border-bottom: 1px solid rgba(255,255,255,0.04); 
}

.price-features li:last-child { 
  border-bottom: none; 
}

.chk { 
  color: var(--green); 
}

.crx { 
  color: var(--muted); 
}

/* ====== CTA ====== */
.cta-s { 
  text-align: center; 
  background: linear-gradient(160deg, #100d02 0%, var(--black) 60%); 
  border-top: 1px solid var(--border); 
}

.cta-s h2 { 
  font-size: clamp(3rem, 7vw, 6rem); 
}

.cta-s p { 
  color: var(--muted); 
  max-width: 460px; 
  margin: 1.5rem auto 2.5rem; 
  line-height: 1.7; 
  font-size: 0.92rem; 
}

/* ====== FOOTER ====== */
footer { 
  background: var(--navy2); 
  border-top: 1px solid var(--border); 
  padding: 4rem 5vw 2rem; 
}

.footer-top { 
  display: grid; 
  grid-template-columns: 2fr 1fr 1fr 1fr; 
  gap: 3rem; 
  margin-bottom: 3rem; 
}

.footer-brand p { 
  color: var(--muted); 
  font-size: 0.83rem; 
  margin-top: 1rem; 
  line-height: 1.7; 
  max-width: 250px; 
}

.footer-socials { 
  display: flex; 
  gap: 0.8rem; 
  margin-top: 1.5rem; 
}

.social-btn { 
  width: 36px; 
  height: 36px; 
  border: 1px solid var(--border); 
  border-radius: 8px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1rem; 
  text-decoration: none; 
  color: var(--muted); 
  transition: border-color 0.2s, color 0.2s; 
}

.social-btn:hover { 
  border-color: var(--gold); 
  color: var(--gold); 
}

.footer-col h5 { 
  font-size: 0.68rem; 
  font-weight: 800; 
  letter-spacing: 3px; 
  text-transform: uppercase; 
  color: var(--gold); 
  margin-bottom: 1.2rem; 
}

.footer-col a { 
  display: block; 
  color: var(--muted); 
  text-decoration: none; 
  font-size: 0.82rem; 
  margin-bottom: 0.65rem; 
  transition: color 0.2s; 
}

.footer-col a:hover { 
  color: var(--gold2); 
}

.footer-divider { 
  border: none; 
  border-top: 1px solid var(--border); 
  margin-bottom: 2rem; 
}

.footer-bottom { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  font-size: 0.72rem; 
  color: var(--muted); 
  flex-wrap: wrap; 
  gap: 1rem; 
}

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

.footer-links a { 
  color: var(--muted); 
  text-decoration: none; 
  font-size: 0.72rem; 
  transition: color 0.2s; 
}

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

/* ====== ANIMATIONS ====== */
@keyframes fadeUp { 
  from{
    opacity:0;
    transform:translateY(20px)
  } 
  to{
    opacity:1;
    transform:translateY(0)
  } 
}

/* ====== RESPONSIVE ====== */
@media (max-width: 1100px) { 
  .srv-grid { 
    grid-template-columns: repeat(2,1fr); 
  } 
  .pricing-grid { 
    grid-template-columns: repeat(2,1fr); 
  } 
}

@media (max-width: 768px) {
  .nav-links { 
    display: none; 
  }
  .hero-chart { 
    display: none; 
  }
  .about-inner, .academy-inner, .ebook-grid { 
    grid-template-columns: 1fr; 
  }
  .srv-grid, .results-grid, .comm-cards, .cbs { 
    grid-template-columns: 1fr; 
  }
  .room-grid, .pricing-grid { 
    grid-template-columns: 1fr; 
  }
  .footer-top { 
    grid-template-columns: 1fr 1fr; 
  }
}