/* ==========================================================================
   GOLDYTRON.COM  --  Master Stylesheet v2.0.7 "Gold"
   (c) 2007-2026 Goldytron Digital Holdings Intl. Unauthorized use prohibited.
   ========================================================================== */

/* ---------- reset-ish ---------- */
* { margin: 0; padding: 0; }
img { border: 0; }
ul, ol { list-style: none; }

/* ---------- page shell ---------- */
body {
  font: 12px/1.6 "Lucida Grande", "Trebuchet MS", Verdana, Geneva, sans-serif;
  color: #3a3226;
  background-color: #d9e2ee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 6L6 0' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2'/%3E%3C/svg%3E");
  background-attachment: fixed;
  text-align: center;
}
#backdrop {
  background: linear-gradient(180deg, #1d2b3e 0px, #35496b 220px, rgba(53,73,107,0) 620px);
  padding: 0 0 40px;
}
#page {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}

/* ---------- header ---------- */
#header {
  position: relative;
  overflow: hidden;
  padding: 18px 22px 14px;
  border: 1px solid #0d1622;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #12202f;
  background: linear-gradient(180deg, #43607f 0%, #22364c 48%, #16232f 52%, #0f1923 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 3px 8px rgba(0,0,0,.35);
}
#header:after { /* glossy sweep */
  content: "";
  position: absolute; top: -60px; left: -40px;
  width: 420px; height: 160px;
  background: rgba(255,255,255,.07);
  transform: rotate(-8deg);
  pointer-events: none;
}
#logo { display: block; float: left; text-decoration: none; }
.logo-mark {
  float: left;
  width: 46px; height: 46px;
  margin: 2px 12px 0 0;
  border: 2px solid #8a6a12;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 26%, #fff8d4 0%, #f4d774 28%, #d9a51c 62%, #9c7208 100%);
  box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 -3px 6px rgba(120,84,0,.55);
  font: bold 30px/44px Georgia, "Times New Roman", serif;
  color: #6b4e00;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}
.logo-text {
  display: block;
  font: bold 34px/1 "Trebuchet MS", Tahoma, sans-serif;
  letter-spacing: -1px;
  background: linear-gradient(180deg, #fffbe6 0%, #f7dc7c 45%, #d2a017 55%, #f6e08a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #f2d066;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.55));
}
.logo-text sup { font-size: 11px; vertical-align: super; }
.logo-tag {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-style: italic;
  color: #9fb6cf;
  text-shadow: 0 1px 0 #000;
}
#header-tools { float: right; padding-top: 4px; text-align: right; }
.beta-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 10px;
  border: 1px solid #7a1414;
  border-radius: 10px;
  background: linear-gradient(180deg, #f06a6a 0%, #c62020 50%, #971010 51%, #d63b3b 100%);
  font: bold 10px/1.5 Verdana, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.4);
}
.header-login { clear: both; }
.header-login .who { margin-right: 8px; font-size: 11px; color: #cddcec; }

/* ---------- navigation ---------- */
#nav {
  overflow: hidden;
  padding: 7px 12px 0;
  border: 1px solid #0d1622;
  border-top: none;
  background: linear-gradient(180deg, #0f1923 0%, #1b2c3d 100%);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
#nav li { float: left; margin-right: 4px; }
#nav a {
  display: block;
  padding: 7px 20px;
  border: 1px solid #0a1119;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  background: linear-gradient(180deg, #3d5773 0%, #24374b 100%);
  font: bold 12px/1.2 "Trebuchet MS", Tahoma, sans-serif;
  color: #dce8f5;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
#nav a:hover {
  background: linear-gradient(180deg, #5a7a9c 0%, #35506d 100%);
  color: #fff;
}
#nav li.on a {
  background: linear-gradient(180deg, #fdfaf0 0%, #efe4c6 100%);
  color: #6b5312;
  text-shadow: 0 1px 0 #fff;
}

/* ---------- content columns ---------- */
#shell {
  overflow: hidden;
  padding: 16px;
  border: 1px solid #b9c6d6;
  border-top: none;
  border-radius: 0 0 10px 10px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.28);
}
#main { float: left; width: 630px; }
#side { float: right; width: 258px; }
.wide #main { float: none; width: auto; }
.clear { clear: both; }

/* ---------- typography ---------- */
h1, h2, h3, h4 { font-family: "Trebuchet MS", Tahoma, sans-serif; color: #2c3e56; }
h1 { margin-bottom: 10px; font-size: 26px; letter-spacing: -.5px; }
h2 { margin-bottom: 8px; font-size: 19px; }
h3 { margin-bottom: 6px; font-size: 14px; }
p { margin-bottom: 12px; }
a { color: #1f6ab0; }
a:hover { color: #c9931a; }
small, .muted { color: #8d8579; }
.tiny { font-size: 10px; line-height: 1.5; }
.center { text-align: center; }
.nudge { margin-top: 14px; }
hr.rule {
  height: 1px; border: 0; margin: 18px 0;
  background: linear-gradient(90deg, rgba(0,0,0,0), #c9d3e0 50%, rgba(0,0,0,0));
}

/* ---------- hero ---------- */
#hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  padding: 24px 26px;
  border: 1px solid #d8c483;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffdf4 0%, #fdf3d4 55%, #f7e6ae 100%);
  box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,.12);
}
#hero h1 { font-size: 32px; color: #6b5312; text-shadow: 0 1px 0 #fff; }
#hero .sub { margin-bottom: 16px; font-size: 14px; color: #7a6a3f; }
#hero .shine {
  position: absolute; right: -70px; top: -90px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 70%);
  pointer-events: none;
}

/* ---------- buttons ---------- */
.btn {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid #24506f;
  border-radius: 6px;
  background: linear-gradient(180deg, #74a7cd 0%, #3d7ba7 48%, #2e6a93 52%, #4a8cb8 100%);
  font: bold 12px/1.3 "Trebuchet MS", Tahoma, sans-serif;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0,0,0,.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 3px rgba(0,0,0,.22);
  cursor: pointer;
}
.btn:hover { background: linear-gradient(180deg, #8dbcdd 0%, #4b8cb8 48%, #3a79a3 52%, #5b9cc7 100%); }
.btn:active { box-shadow: inset 0 2px 4px rgba(0,0,0,.35); }
.btn-gold {
  border-color: #a37f13;
  background: linear-gradient(180deg, #ffeeae 0%, #f3ce5c 48%, #dfb02c 52%, #f7dd8c 100%);
  color: #5e4708 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.btn-gold:hover { background: linear-gradient(180deg, #fff6cf 0%, #f8dd85 48%, #e9c14a 52%, #fdeab0 100%); }
.btn-big { padding: 13px 34px; border-radius: 8px; font-size: 17px; }
.btn-small { padding: 4px 11px; border-radius: 5px; font-size: 11px; }
.btn-block { display: block; width: 100%; box-sizing: border-box; text-align: center; }
.btn.is-disabled { opacity: .55; cursor: default; }

/* ---------- boxes / modules ---------- */
.box {
  margin-bottom: 14px;
  border: 1px solid #c6d2e0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.box .box-hd {
  padding: 7px 12px;
  border-bottom: 1px solid #c6d2e0;
  border-radius: 7px 7px 0 0;
  background: linear-gradient(180deg, #f6f9fd 0%, #dde6f1 100%);
  font: bold 12px/1.3 "Trebuchet MS", Tahoma, sans-serif;
  color: #35516f;
  text-shadow: 0 1px 0 #fff;
}
.box .box-bd { padding: 12px; }
.box-gold { border-color: #ddc78a; }
.box-gold .box-hd {
  border-bottom-color: #ddc78a;
  background: linear-gradient(180deg, #fffaea 0%, #f6e5b4 100%);
  color: #6b5312;
}

/* ---------- feature grid ---------- */
.cols { overflow: hidden; margin: 0 -8px; }
.col3 { float: left; width: 33.33%; }
.col2 { float: left; width: 50%; }
.col-in { margin: 0 8px 14px; }
.feature { padding: 4px 6px; text-align: center; }
.feature .ico {
  display: block;
  width: 52px; height: 52px;
  margin: 0 auto 8px;
  border: 1px solid #c9b26a;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #fffdf0 0%, #f6e3a6 40%, #e2bf55 100%);
  box-shadow: inset 0 -2px 5px rgba(150,110,10,.35), 0 2px 3px rgba(0,0,0,.15);
  font-size: 24px; line-height: 52px;
}
.feature h3 { color: #6b5312; }

/* ---------- ticker ---------- */
#ticker {
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid #23303f;
  border-radius: 7px;
  background: linear-gradient(180deg, #2b3a4c 0%, #16202b 100%);
  color: #cfe0f0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
#ticker .tick-lbl {
  float: left;
  padding: 8px 12px;
  background: linear-gradient(180deg, #f3ce5c, #d9a51c);
  font: bold 11px/1.3 Verdana, sans-serif;
  color: #503c05;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#ticker .tick-wrap { overflow: hidden; padding: 8px 12px; white-space: nowrap; font: 11px/1.3 "Courier New", monospace; }
#tick-strip { display: inline-block; white-space: nowrap; will-change: transform; }
#ticker .tick-item { margin-right: 26px; }
.up { color: #7ce08a; }
.down { color: #ff8f8f; }

/* ---------- price table ---------- */
.price-wrap { position: relative; }
table.prices { width: 100%; border-collapse: collapse; }
table.prices th, table.prices td {
  padding: 8px 10px;
  border-bottom: 1px solid #e3e9f1;
  text-align: right;
}
table.prices th:first-child, table.prices td:first-child { text-align: left; }
table.prices thead th {
  border-bottom: 1px solid #c6d2e0;
  background: linear-gradient(180deg, #f6f9fd, #dde6f1);
  font: bold 11px/1.3 Verdana, sans-serif;
  color: #35516f;
}
table.prices tbody tr:nth-child(even) { background: #fafcfe; }
table.prices .sym { font-weight: bold; color: #6b5312; }
.locked .lockable { filter: blur(5px); user-select: none; }
.lock-veil {
  position: absolute; left: 0; right: 0; top: 0; bottom: 0;
  display: flex; align-items: center; justify-content: center;
  border-radius: 8px;
  background: rgba(255,255,255,.55);
}
.lock-card {
  width: 320px;
  padding: 18px 20px;
  border: 1px solid #d8c483;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffdf4, #f7e6ae);
  box-shadow: 0 6px 20px rgba(0,0,0,.3);
  text-align: center;
}
.lock-card .padlock { display: block; margin-bottom: 6px; font-size: 30px; }

/* ---------- forms ---------- */
.form-row { margin-bottom: 12px; }
.form-row label { display: block; margin-bottom: 3px; font-weight: bold; color: #43526b; }
.form-row .hint { font-size: 10px; color: #8d8579; }
.txt, select {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 8px;
  border: 1px solid #b3c0d2;
  border-top-color: #93a3ba;
  border-radius: 5px;
  background: linear-gradient(180deg, #f3f6fa 0%, #fff 12%, #fff 100%);
  font: 13px/1.3 "Lucida Grande", Verdana, sans-serif;
  color: #2f3a4a;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.09);
}
.txt:focus, select:focus {
  outline: none;
  border-color: #d3ac2e;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.09), 0 0 6px rgba(226,181,42,.65);
}
.check { font-weight: normal !important; color: #3a3226; }
.check input { margin-right: 6px; vertical-align: -1px; }
.form-actions { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e3e9f1; }
.field-err .txt { border-color: #cf6a6a; background: #fff6f6; }
.err-msg { display: none; margin-top: 3px; font-size: 11px; color: #b83232; }
.field-err .err-msg { display: block; }

.alert {
  margin-bottom: 14px;
  padding: 9px 12px;
  border: 1px solid #e0b7b7;
  border-radius: 6px;
  background: linear-gradient(180deg, #fff2f2, #ffe2e2);
  color: #963030;
  font-weight: bold;
}
.alert-info {
  border-color: #b9cfe6;
  background: linear-gradient(180deg, #f3f9ff, #e2eefb);
  color: #2b5b85;
}
.alert.is-hidden { display: none; }

/* ---------- meters ---------- */
.meter {
  height: 14px;
  overflow: hidden;
  border: 1px solid #b3c0d2;
  border-radius: 8px;
  background: linear-gradient(180deg, #e7edf5, #f7fafd);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
}
.meter i {
  display: block; height: 100%;
  background: linear-gradient(180deg, #ff9b6b 0%, #e8562e 50%, #c73c17 51%, #f0714a 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
.meter-ok i { background: linear-gradient(180deg, #b5e88f 0%, #63b53c 50%, #4d9a2b 51%, #8fd46b 100%); }

/* ---------- news ---------- */
.news-item { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dashed #d7dfea; }
.news-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.news-item h2 { margin-bottom: 2px; font-size: 17px; }
.news-meta { margin-bottom: 8px; font-size: 11px; color: #8d8579; }
.news-meta .cat {
  display: inline-block; margin-right: 6px; padding: 1px 7px;
  border: 1px solid #c9b26a; border-radius: 9px;
  background: linear-gradient(180deg, #fff7de, #f4e2a8);
  color: #6b5312; font-weight: bold;
}

/* ---------- lists ---------- */
ul.checks li, ul.bullets li { position: relative; margin-bottom: 6px; padding-left: 20px; }
ul.checks li:before { content: "\2714"; position: absolute; left: 0; color: #4d9a2b; font-weight: bold; }
ul.bullets li:before { content: "\25B8"; position: absolute; left: 4px; color: #c9931a; }
ul.linky li { padding: 5px 0; border-bottom: 1px dotted #dbe2ec; font-size: 11px; }
ul.linky li:last-child { border-bottom: none; }

/* ---------- quotes ---------- */
.quote {
  margin-bottom: 12px;
  padding: 12px 14px;
  border-left: 4px solid #e2bf55;
  background: #fdfaf0;
  font-style: italic;
  color: #5c5344;
}
.quote cite { display: block; margin-top: 6px; font-style: normal; font-size: 11px; color: #8d8579; }

/* ---------- tag cloud ---------- */
.cloud { line-height: 2.1; }
.cloud a { margin-right: 7px; white-space: nowrap; text-decoration: none; }
.cloud .s1 { font-size: 10px; color: #8fa0b5; }
.cloud .s2 { font-size: 12px; color: #6f88a4; }
.cloud .s3 { font-size: 15px; color: #3f7cae; }
.cloud .s4 { font-size: 19px; color: #c9931a; font-weight: bold; }
.cloud .s5 { font-size: 24px; color: #a4780c; font-weight: bold; }

/* ---------- footer ---------- */
#footer {
  width: 940px;
  margin: 18px auto 0;
  text-align: left;
  font-size: 11px;
  color: #5b6a7d;
}
#footer a { color: #3f6b96; }
#footer .foot-cols {
  overflow: hidden;
  padding: 16px 18px;
  border: 1px solid #c3cfdd;
  border-radius: 9px;
  background: rgba(255,255,255,.72);
}
#footer h4 { margin-bottom: 6px; font-size: 12px; color: #2c3e56; }
#footer .legal { padding: 12px 4px 0; color: #6d7c8f; }
.badges { margin-top: 10px; }
.badge-88 {
  display: inline-block; margin: 0 6px 6px 0; padding: 3px 6px;
  border: 1px solid #9aa8ba; border-radius: 3px;
  background: linear-gradient(180deg, #fff, #e6ecf4);
  font: bold 9px/1.4 Verdana, sans-serif; color: #4a5b70;
  text-decoration: none;
}
.badge-88 b { color: #c07f0c; }

/* ---------- loading overlay ---------- */
#overlay {
  position: fixed; left: 0; right: 0; top: 0; bottom: 0;
  display: none;
  align-items: center; justify-content: center;
  background: rgba(14,22,32,.72);
  z-index: 900;
}
#overlay.on { display: flex; }
.load-card {
  width: 420px;
  max-width: 86%;
  padding: 26px 28px;
  border: 1px solid #b9c6d6;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff, #eef3f9);
  box-shadow: 0 10px 40px rgba(0,0,0,.55);
  text-align: center;
}
.spinner {
  width: 42px; height: 42px;
  margin: 0 auto 14px;
  border: 5px solid #e3e9f1;
  border-top-color: #d9a51c;
  border-radius: 50%;
  animation: spin .9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
#load-msg { font-weight: bold; color: #35516f; }
.bar { height: 12px; margin-top: 14px; overflow: hidden; border: 1px solid #b3c0d2; border-radius: 7px; background: #eef2f7; }
.bar i {
  display: block; height: 100%; width: 4%;
  background: linear-gradient(180deg, #8fc4e8 0%, #3d7ba7 50%, #2e6a93 51%, #57a0cd 100%);
  transition: width .45s ease;
}

/* ---------- error page ---------- */
.errbox {
  max-width: 620px; margin: 20px auto; padding: 28px 30px;
  border: 1px solid #e0b7b7; border-radius: 10px;
  background: linear-gradient(180deg, #fffafa, #ffeaea);
  box-shadow: 0 3px 12px rgba(0,0,0,.15);
  text-align: center;
}
.errbox .bang {
  width: 64px; height: 64px; margin: 0 auto 12px;
  border: 2px solid #a83a3a; border-radius: 50%;
  background: linear-gradient(180deg, #f27a7a, #c02b2b);
  font: bold 38px/62px Georgia, serif; color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.25);
}
.errbox h1 { color: #963030; }
.errcode {
  display: inline-block; margin-top: 4px; padding: 3px 10px;
  border: 1px solid #d4bcbc; border-radius: 4px; background: #fff;
  font: 11px/1.4 "Courier New", monospace; color: #8a4a4a;
}

/* ---------- misc ---------- */
.stat-line { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px dotted #dbe2ec; font-size: 11px; }
.stat-line:last-child { border-bottom: none; }
.stat-line b { color: #35516f; }
.counter {
  display: inline-block; padding: 2px 6px;
  border: 1px solid #444; border-radius: 3px;
  background: #111; color: #6df06d;
  font: bold 13px/1.4 "Courier New", monospace;
  letter-spacing: 2px;
}
.ribbon {
  position: absolute; top: 16px; right: -32px;
  width: 140px; padding: 3px 0;
  background: linear-gradient(180deg, #f06a6a, #a81717);
  color: #fff; font: bold 10px/1.6 Verdana, sans-serif; letter-spacing: 1px;
  text-align: center; transform: rotate(38deg);
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

/* ---------- referral promo (PEACECHIEF20) ---------- */
.load-card-promo { width: 470px; }

.promo-panel {
  margin-top: 16px;
  border: 1px solid #d8b641;
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf2 0%, #fdf0c6 100%);
  box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(140,105,10,.25);
  overflow: hidden;
  animation: promo-pop .45s cubic-bezier(.2,1.3,.4,1) both;
}
@keyframes promo-pop {
  from { opacity: 0; transform: scale(.9) translateY(-6px); }
  to   { opacity: 1; transform: none; }
}
.promo-hd {
  padding: 6px 10px;
  background: linear-gradient(180deg, #f7dd8c 0%, #eec84f 48%, #dfb02c 52%, #f4d878 100%);
  border-bottom: 1px solid #d8b641;
  font: bold 11px/1.5 Verdana, sans-serif;
  letter-spacing: 1px;
  color: #5e4708;
  text-shadow: 0 1px 0 rgba(255,255,255,.65);
}
.promo-bd { padding: 12px 14px; }
.promo-code {
  margin-bottom: 8px;
  font: bold 20px/1.2 "Trebuchet MS", Tahoma, sans-serif;
  letter-spacing: 2px;
  color: #a4780c;
  text-shadow: 0 1px 0 #fff;
}
.promo-list { margin: 8px 0 10px; text-align: left; }
.promo-list li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 22px;
  font-size: 12px;
  color: #5c5344;
}
.promo-list li:before {
  content: "\2714";
  position: absolute; left: 2px;
  color: #4d9a2b; font-weight: bold;
}
.promo-list b { color: #8a5f00; }

/* the canvas is a child of #overlay, so these stack inside that context:
   dark scrim (the overlay itself) -> confetti -> the card with the good news */
#confetti {
  position: fixed;
  left: 0; top: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 1;
}
#overlay .load-card { position: relative; z-index: 2; }

/* ---------- responsive-ish (2009 called, it does not care) ---------- */
@media (max-width: 980px) {
  #page, #footer { width: auto; margin-left: 10px; margin-right: 10px; }
  #main, #side { float: none; width: auto; }
  #side { margin-top: 18px; }
  .col3, .col2 { float: none; width: auto; }
  #nav li { float: none; }
  #nav a { border-radius: 6px; border-bottom: 1px solid #0a1119; margin-bottom: 4px; }
}