/* InvestmentGurus frontend refresh — public pages
   Additive presentation layer. Existing Smarty markup and application routes remain intact. */
:root {
  --ig-bg: #08111f;
  --ig-surface: #101d30;
  --ig-surface-2: #14243a;
  --ig-card: rgba(18, 32, 51, .94);
  --ig-line: rgba(169, 190, 218, .15);
  --ig-text: #edf3fb;
  --ig-muted: #9aabc1;
  --ig-gold: #e8b85c;
  --ig-gold-2: #f4d28b;
  --ig-green: #39c69a;
  --ig-shadow: 0 18px 48px rgba(0,0,0,.24);
}
html { scroll-behavior: smooth; }
body {
  background: var(--ig-bg) !important;
  color: var(--ig-text) !important;
  font-family: Inter, "SF-UI-Display-Regular", Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1.65;
}
body, body * { box-sizing: border-box; }
a { transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
a:hover { color: var(--ig-gold-2); }
.container { width: min(1240px, calc(100% - 44px)) !important; max-width: 1240px !important; }
.header {
  position: relative;
  background: linear-gradient(115deg, #0a1628 0%, #10213a 60%, #152943 100%) !important;
  border-bottom: 1px solid var(--ig-line);
  box-shadow: 0 12px 35px rgba(0,0,0,.16);
}
.header_content { padding-top: 22px !important; padding-bottom: 22px !important; }
/* Consistent InvestmentGurus brand lockup */
.header_content_logo { display:flex; align-items:center; min-width:0; }
.header_content_logo a, .logo-mobile a {
  display:inline-flex; align-items:center; justify-content:center;
  padding:7px 12px; border:1px solid rgba(255,255,255,.72); border-radius:13px;
  background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.18);
  line-height:0; transition:transform .25s ease, box-shadow .25s ease;
}
.header_content_logo a:hover, .logo-mobile a:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.24); }
.header_content_logo img { display:block; width:220px; max-width:100%; max-height:66px; height:auto; object-fit:contain; }
.logo-mobile img { display:block; width:174px; max-width:100%; height:auto; object-fit:contain; }
.header-information_top, .top-sidebar_content { align-items: center; }
.header-information_server-time, .course .list_item, .top-sidebar {
  color: var(--ig-muted) !important;
}
.top-sidebar {
  background: rgba(3, 10, 20, .32) !important;
  border-top: 1px solid rgba(255,255,255,.05);
}
.top-sidebar .list_item a, .white-link { color: #dce6f4 !important; }
.top-sidebar select {
  background: #14243a; color: #eaf0f8; border: 1px solid var(--ig-line);
  border-radius: 9px; padding: 8px 12px;
}
.section-news { background: #0d1b2e !important; border-bottom: 1px solid var(--ig-line); }
.section-news, .section-news p, .section-news a { color: #cbd7e7 !important; }
.page { background: transparent !important; padding: 34px 0 64px !important; }
.page_wrapper { gap: 24px; }
.main-sidebar { width: 270px; }
.page-content { min-width: 0; }
.widget, .news-widget, .attention, .main-questions_rows, .full-plans_block,
.widgetnews, .widget-news, .titanium-ti, .seven-big, .statistic, .section-box,
.page-content > .widget, .page-content > table {
  border: 1px solid var(--ig-line) !important;
  border-radius: 18px !important;
  background: var(--ig-card) !important;
  box-shadow: var(--ig-shadow);
}
.widget { padding: 20px !important; margin-bottom: 20px; }
.widget_title, .main-questions_rows_title { border-bottom: 1px solid var(--ig-line) !important; }
.widget_title h2, .main-questions_rows_title h2 { color: var(--ig-text) !important; font-size: 18px !important; }
.widget_content, .main-questions_rows_content, .main-questions_rows_content p,
.page-content p, .page-content li { color: #bdcadd; }
.nav .list { gap: 5px; }
.nav .list_item { margin: 3px 0; }
.nav-link {
  display: flex !important; align-items: center; min-height: 44px;
  padding: 10px 14px !important; border-radius: 11px;
  color: #bdcadd !important; font-weight: 600;
}
.nav-link:hover, .nav .list_item.active .nav-link {
  background: rgba(232,184,92,.12) !important;
  color: var(--ig-gold-2) !important;
}
.btn-orange, .box-btn .btn-orange, input[type=submit], button, .sbmt {
  background: linear-gradient(135deg, #f0c979, #d69a39) !important;
  color: #182337 !important; border: 0 !important; border-radius: 10px !important;
  font-weight: 800 !important; box-shadow: 0 8px 22px rgba(214,154,57,.18);
}
.btn-orange:hover, input[type=submit]:hover, button:hover { transform: translateY(-1px); filter: brightness(1.06); }
.btn-gray, .btn-secondary { background: #23344c !important; color: #e4ebf5 !important; border-radius: 10px !important; }
.orange-link, .orange-text { color: var(--ig-gold) !important; }
.seven-big { overflow: hidden; }
.seven-big_content { padding: 28px !important; }
.seven-big_content_left .percent { color: var(--ig-gold-2) !important; }
.main-questions { display: grid; gap: 16px; }
.main-questions_rows { padding: 22px 24px !important; }
.full-plans { gap: 18px; }
.full-plans_block { padding: 22px !important; }
input:not([type=checkbox]):not([type=radio]):not([type=submit]),
select, textarea {
  background: #0b1728 !important; color: var(--ig-text) !important;
  border: 1px solid #2a3b53 !important; border-radius: 9px !important;
  min-height: 42px; padding: 10px 12px;
}
input:focus, select:focus, textarea:focus { outline: 2px solid rgba(232,184,92,.32); border-color: var(--ig-gold) !important; }
table { border-collapse: separate !important; border-spacing: 0; overflow: hidden; border-radius: 12px; }
td, th { border-color: var(--ig-line) !important; }
.footer { background: #07101d !important; border-top: 1px solid var(--ig-line); }
.footer p, .footer a { color: var(--ig-muted) !important; }
.footer a:hover { color: var(--ig-gold-2) !important; }
.ig-theme-toggle {
  position: absolute; right: max(22px, calc((100vw - 1240px)/2)); top: 16px; z-index: 10001;
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px;
  border: 1px solid rgba(232,184,92,.35); border-radius: 999px;
  background: rgba(7,16,29,.72); color: #f4d28b; cursor: pointer;
  font: 700 12px/1.2 Inter, Arial, sans-serif; backdrop-filter: blur(12px);
}
.ig-theme-toggle:hover { background: rgba(232,184,92,.14); }
body.ig-light-theme {
  --ig-bg: #f3f6fb; --ig-surface: #fff; --ig-surface-2: #edf2f8;
  --ig-card: #fff; --ig-line: rgba(31,51,79,.12);
  --ig-text: #18263a; --ig-muted: #64748b; --ig-shadow: 0 14px 36px rgba(31,51,79,.08);
  background: var(--ig-bg) !important; color: var(--ig-text) !important;
}
body.ig-light-theme .header { background: linear-gradient(115deg,#fff,#edf3fa) !important; }
body.ig-light-theme .top-sidebar { background: #e8eef6 !important; }
body.ig-light-theme .top-sidebar .list_item a,
body.ig-light-theme .white-link { color: #25364e !important; }
body.ig-light-theme .section-news { background: #eaf0f7 !important; }
body.ig-light-theme .section-news, body.ig-light-theme .section-news p,
body.ig-light-theme .section-news a { color: #42536b !important; }
body.ig-light-theme .widget, body.ig-light-theme .main-questions_rows,
body.ig-light-theme .full-plans_block, body.ig-light-theme .seven-big,
body.ig-light-theme .titanium-ti, body.ig-light-theme .attention {
  background: #fff !important; color: #25364e !important;
}
body.ig-light-theme .widget_title h2, body.ig-light-theme .main-questions_rows_title h2,
body.ig-light-theme .page-content h1, body.ig-light-theme .page-content h2,
body.ig-light-theme .page-content h3 { color: #18263a !important; }
body.ig-light-theme .widget_content, body.ig-light-theme .main-questions_rows_content,
body.ig-light-theme .main-questions_rows_content p, body.ig-light-theme .page-content p,
body.ig-light-theme .page-content li { color: #52647c !important; }
body.ig-light-theme .nav-link { color: #40516a !important; }
body.ig-light-theme .nav-link:hover, body.ig-light-theme .nav .list_item.active .nav-link {
  background: #fff3dc !important; color: #9a6417 !important;
}
body.ig-light-theme input:not([type=checkbox]):not([type=radio]):not([type=submit]),
body.ig-light-theme select, body.ig-light-theme textarea { background: #fff !important; color: #18263a !important; border-color: #d5deea !important; }
body.ig-light-theme .footer { background: #e8eef6 !important; }
body.ig-light-theme .footer p, body.ig-light-theme .footer a { color: #52647c !important; }
body.ig-light-theme .ig-theme-toggle { background: #fff; color: #8b5a12; border-color: #e4c58b; }
@media (max-width: 900px) {
  .container { width: min(100% - 28px, 760px) !important; }
  .page_wrapper { flex-wrap: wrap; }
  .main-sidebar { width: 100%; }
  .page-content { width: 100%; }
  .ig-theme-toggle { top: 10px; right: 12px; padding: 8px 10px; }
  .header_content { padding-top: 54px !important; }
}
@media (max-width: 560px) {
  .page { padding: 20px 0 42px !important; }
  .widget, .main-questions_rows, .full-plans_block { padding: 16px !important; border-radius: 14px !important; }
  .seven-big_content { padding: 18px !important; }
  .header_content_logo img { max-width: 170px; }
  .ig-theme-toggle { font-size: 11px; }
}


/* Interactive homepage investment calculator */
.ig-calculator .modal-header p { margin: 8px 0 0; color: #aeb8c8; font-size: 13px; }
.ig-calculator-body { padding-top: 20px; }
.ig-calc-controls { display: grid; gap: 9px; }
.ig-calc-controls label { color: #cbd4e2; font-size: 13px; font-weight: 600; margin-top: 5px; }
.ig-calc-controls select, .ig-calc-amount-wrap { width: 100%; min-height: 48px; border: 1px solid rgba(210,170,85,.35); border-radius: 10px; background: rgba(9,18,34,.88); color: #fff; }
.ig-calc-controls select { padding: 0 14px; }
.ig-calc-amount-wrap { display: flex; align-items: center; gap: 9px; padding: 0 14px; }
.ig-calc-amount-wrap span { color: #e5b85c; font-weight: 700; }
.ig-calc-amount-wrap input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #fff; font-size: 18px; }
.ig-calc-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 12px; }
.ig-calc-summary-item, .ig-calc-result { border: 1px solid rgba(210,170,85,.2); border-radius: 10px; background: rgba(255,255,255,.035); padding: 13px; }
.ig-calc-summary-item span, .ig-calc-result span { display: block; color: #aeb8c8; font-size: 12px; margin-bottom: 6px; }
.ig-calc-summary-item strong { color: #fff; font-size: 14px; }
.ig-calc-results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ig-calc-result strong { display: block; color: #f1c66c; font-size: clamp(17px, 4vw, 23px); overflow-wrap: anywhere; }
.ig-calc-total { border-color: rgba(210,170,85,.55); }
.ig-calc-total strong { color: #fff; }
.ig-calc-note { color: #aeb8c8; font-size: 12px; line-height: 1.55; margin: 13px 0 18px; }
@media (max-width: 480px) { .ig-calc-summary, .ig-calc-results { grid-template-columns: 1fr; } }


/* Polished motion system: subtle entrance, scroll reveal and accessible motion settings. */
html { scroll-behavior:smooth; scroll-padding-top:24px; }
[id] { scroll-margin-top:24px; }
.header { animation:ig-header-in .65s cubic-bezier(.2,.75,.25,1) both; }
.header_content_logo { animation:ig-logo-in .75s .08s cubic-bezier(.2,.75,.25,1) both; }
.ig-reveal { opacity:0; transform:translate3d(0,22px,0); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.25,1); }
.ig-reveal.ig-visible { opacity:1; transform:translate3d(0,0,0); }
.ig-reveal.ig-reveal-left { transform:translate3d(-18px,0,0); }
.ig-reveal.ig-reveal-left.ig-visible { transform:translate3d(0,0,0); }
.ig-reveal.ig-reveal-right { transform:translate3d(18px,0,0); }
.ig-reveal.ig-reveal-right.ig-visible { transform:translate3d(0,0,0); }
body.ig-light-theme .header_content_logo a, body.ig-light-theme .logo-mobile a { box-shadow:0 8px 24px rgba(31,51,79,.12); }
@keyframes ig-header-in { from { opacity:.75; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
@keyframes ig-logo-in { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .ig-reveal { opacity:1!important; transform:none!important; }
}

/* Mobile brand mark overrides the legacy oversized image offset. */
.mobile-header .logo-mobile a {
  display:inline-flex; align-items:center; justify-content:center;
  max-width:calc(100vw - 110px); padding:5px 9px; margin:0 0 0 48px;
  border-radius:10px; background:#fff; line-height:0;
}
.mobile-header .logo-mobile a img { display:block; width:158px; max-width:100%; height:auto; margin:0; }
.full-plans_block, .main-questions_rows, .widget, .news-widget, .statistic {
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.full-plans_block:hover, .main-questions_rows:hover, .widget:hover, .news-widget:hover, .statistic:hover {
  transform:translateY(-3px); border-color:rgba(232,184,92,.34)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.28);
}