@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1420;color:#eef2f5;font:15px/1.7 'DM Sans',sans-serif}header{background:#0a111b;padding:18px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e5e8e9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f2f4f5;font:800 14px Manrope;letter-spacing:.08em}.brand b{border:1px solid #d8b66b;color:#c29c51;padding:9px 11px;font-size:18px}.brand small{display:block;font:600 9px 'DM Sans';color:#77828a;letter-spacing:.15em}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:12px;color:#c5cdd3;text-decoration:none}.hero{background:linear-gradient(120deg,#101d2a,#20394c);color:white;padding:85px 9%;display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center;min-height:550px}.hero label,section label{color:#c6a45f;font-size:10px;font-weight:bold;letter-spacing:.2em}.hero h1{font:800 clamp(38px,5vw,60px)/1.12 Manrope;letter-spacing:-.04em}.hero em{font-style:normal;color:#dfc27f}.hero p{color:#c2cbd1;max-width:580px}.btn{display:inline-block;text-decoration:none;padding:12px 18px;font-size:12px;font-weight:700;margin:14px 8px 0 0}.gold{background:#d8b66b;color:#17212a}.outline{border:1px solid #71808a;color:white}.indices{margin-top:30px;font-size:10px;letter-spacing:.17em;color:#aebbc2}.chart{background:#1b3041;border:1px solid #526474;padding:25px;min-height:240px;box-shadow:0 20px 50px #0003}.chart small,.topics small{color:#d8b66b;letter-spacing:.16em;font-size:10px}.graph{height:130px;margin:20px 0;color:#e0c47e;font-size:42px;letter-spacing:-.12em;display:flex;align-items:center}.chart h3{font:700 18px Manrope}.chart p{font-size:12px}.notice{background:#182535;padding:17px 9%;font-size:12px;color:#d2dbe1;border-top:1px solid #293b4c;border-bottom:1px solid #293b4c}section:not(.hero){padding:75px 9%;max-width:1450px;margin:auto;background:#101c29;color:#eef2f5}h2{font:800 clamp(30px,4vw,42px)/1.2 Manrope;letter-spacing:-.035em;margin:10px 0 15px}.intro{max-width:780px;color:#65717b}.cards,.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.cards article{background:#172636;border:1px solid #304355;padding:26px}.cards i{font-style:normal;color:#b18e4e;font-weight:bold}.cards h3,.topics h3{font:700 18px Manrope}.cards p,.topics p,.legal p,.legalgrid p{font-size:13px;color:#b7c3cc}.dark{background:#101d2a!important;color:white;max-width:none!important}.dark .intro,.dark .topics p{color:#b7c2c9}.topics{grid-template-columns:repeat(4,1fr)}.topics article{background:#172a3b;border:1px solid #3b4e5d;padding:22px}.topics h3{color:white}.legal{border-left:2px solid #d8b66b;padding-left:22px;max-width:900px}.legalgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact{background:#172a3b!important;color:#f1f4f6}.contact label{color:#d8b66b!important}.darkbtn{background:#172a3b;color:white}footer{background:#070d14;color:#aeb8be;padding:25px 9%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px}footer b,footer a{color:#d8b66b;text-decoration:none}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding:60px 7%}.cards,.topics,.legalgrid{grid-template-columns:1fr 1fr}section:not(.hero){padding:60px 7%}}@media(max-width:520px){.cards,.topics,.legalgrid{grid-template-columns:1fr}nav{gap:12px}}
.telegram-top{background:#d8b66b;color:#17212a!important;padding:10px 15px;font-weight:800;border-radius:2px;letter-spacing:.04em}.telegram-top:hover{background:#e6c982}

.telegram-top{
  display:inline-flex;align-items:center;justify-content:center;
  background:#229ED9;color:#fff!important;padding:15px 24px;
  min-height:48px;border-radius:6px;font-size:14px;font-weight:800;
  letter-spacing:.04em;box-shadow:0 8px 22px #229ed944;
  transition:transform .2s ease,background .2s ease
}
.telegram-top:hover{background:#168ac4;transform:translateY(-2px)}

.telegram-main{background:#229ED9;color:#fff;padding:16px 27px;font-size:14px;border-radius:6px;box-shadow:0 8px 22px #229ed944}
.telegram-main:hover{background:#168ac4}

/* Mobile layout fixes */
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
.hero,.hero>div,.chart,section{min-width:0}
.hero p,.intro,.legal p,.legalgrid p{overflow-wrap:anywhere}
@media(max-width:520px){
  header{padding:16px 6%;gap:16px}
  nav{width:100%;gap:10px 14px;align-items:center}
  nav a{font-size:11px}
  .telegram-top{font-size:13px;padding:13px 18px;min-height:46px}
  .hero{padding:48px 6%;gap:30px}
  .hero h1{font-size:clamp(31px,8.8vw,39px);line-height:1.14;overflow-wrap:normal}
  .hero p{font-size:14px;line-height:1.75;max-width:100%}
  .hero .btn{padding:12px 14px;font-size:11px}
  .chart{width:100%;padding:18px}
  .graph{font-size:clamp(24px,8vw,36px);letter-spacing:-.1em;overflow:hidden;max-width:100%}
  .indices{font-size:9px;letter-spacing:.12em;overflow-wrap:anywhere}
  section:not(.hero){padding:55px 6%}
  .notice{padding:15px 6%}
}