/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Segoe UI', Arial, sans-serif; }
body { background:#f4f6f8; color:#222; line-height:1.6; }
a { text-decoration:none; color:inherit; }
button { cursor:pointer; border:none; outline:none; transition:0.3s; }
h1, h2, h3 { font-weight:700; }
section { padding:60px 20px; text-align:center; }
footer { background:#1e1f29; color:white; padding:25px; margin-top:40px; text-align:center; font-size:15px; }

/* Header */
header { background:#1e1f29; color:white; display:flex; justify-content:space-between; align-items:center; padding:15px 30px; position:sticky; top:0; z-index:1000; }
.logo { font-size:28px; font-weight:700; letter-spacing:1px; }
.menu a { margin-left:18px; padding:8px 15px; border-radius:5px; font-weight:500; transition:background 0.2s; }
.menu a:hover { background:#4e54c8; color:#fff; }

/* Hero */
#hero { background:linear-gradient(120deg,#4e54c8,#8f94fb); color:white; min-height:60vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:60px 20px 80px; }
#hero h1 { font-size:54px; margin-bottom:20px; }
#hero p { font-size:26px; margin-bottom:30px; }
.cta-btn { padding:15px 35px; font-size:20px; background:white; color:#4e54c8; border-radius:8px; font-weight:600; box-shadow:0 2px 10px rgba(0,0,0,0.07); }
.cta-btn:hover { background:#f1f3f6; }

/* Features */
.features-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin-top:30px; }
.feature-card { background:white; padding:30px 24px; border-radius:15px; width:220px; box-shadow:0 5px 20px rgba(0,0,0,0.08); font-size:18px; transition:transform 0.3s, box-shadow 0.3s; }
.feature-card:hover { transform:translateY(-8px) scale(1.03); box-shadow:0 10px 25px rgba(0,0,0,0.13); }

/* Calculators */
.calculator-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.calculator-card { background:white; padding:28px 20px; border-radius:15px; width:300px; box-shadow:0 5px 20px rgba(0,0,0,0.09); margin-bottom:20px; }
.calculator-card label { display:block; margin:10px 0 4px; text-align:left; }
.calculator-card input { width:100%; padding:8px; border-radius:5px; border:1px solid #ddd; margin-bottom:10px; }
.calculator-card button { background:#4e54c8; color:white; padding:10px 22px; border-radius:7px; font-weight:600; }
.calculator-card button:hover { background:#3b3fc1; }
.calculator-card p { margin-top:10px; font-weight:500; }

/* EA Downloads */
.ea-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.ea-card { background:white; padding:25px 20px; border-radius:15px; width:240px; box-shadow:0 5px 20px rgba(0,0,0,0.08); }
.download-btn { display:inline-block; margin-top:12px; padding:8px 15px; background:#4e54c8; color:white; border-radius:8px; font-weight:600; }
.download-btn:hover { background:#3b3fc1; }
.ea-note { color:#888; font-size:14px; margin-top:10px; }

/* TradingView */
#tv-chart { width:100%; max-width:900px; margin:0 auto; min-height:400px; }
#tradingview { min-height:400px; }

/* Live Prices */
.live-prices { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-top:20px; }
.price-card { background:white; padding:18px 20px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.07); min-width:120px; font-size:18px; }
.price-symbol { font-weight:600; color:#4e54c8; }
.price-value { font-size:22px; margin-top:6px; }
.price-up { color:#2ecc40; }
.price-down { color:#e74c3c; }

/* Animations */
.fade-in { opacity:0; animation:fadeIn 1s forwards; }
.fade-in.delay-1 { animation-delay:0.3s; }
.fade-in.delay-2 { animation-delay:0.6s; }
.slide-up { opacity:0; transform:translateY(30px); animation:slideUp 0.8s forwards; }
.slide-up.delay-1 { animation-delay:0.2s; }
.slide-up.delay-2 { animation-delay:0.4s; }
.slide-up.delay-3 { animation-delay:0.6s; }
.slide-up.delay-4 { animation-delay:0.8s; }
@keyframes fadeIn { to { opacity:1; } }
@keyframes slideUp { to { opacity:1; transform:translateY(0); } }

/* Responsive */
@media(max-width:1024px) {
    .features-grid, .calculator-grid, .ea-grid, .live-prices { flex-direction:column; align-items:center; }
    .feature-card, .calculator-card, .ea-card, .price-card { width:90%; max-width:350px; }
}
@media(max-width:600px) {
    #hero h1 { font-size:32px; }
    #hero p { font-size:18px; }
    header { flex-direction:column; align-items:flex-start; }
    .menu { margin-top:10px; }
}#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  z-index: 999;
  background: #4e54c8;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 22px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: background 0.2s;
}
#back-to-top:hover {
  background: #3b3fc1;
}