*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}
body{background:#07111f;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.up{color:#22c55e}.down{color:#ef4444}.gold{color:#facc15}.blue{color:#38bdf8}
.ticker{background:#020617;overflow:hidden;border-bottom:1px solid #1e293b}
.ticker-track{display:inline-block;white-space:nowrap;padding:13px 0;animation:ticker 34s linear infinite}
.ticker span{margin:0 25px;color:#dbeafe;font-size:14px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
header{background:rgba(8,21,37,.96);backdrop-filter:blur(12px);padding:18px 7%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:99;border-bottom:1px solid #1e293b}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800}
.logo img{width:55px;height:55px;border-radius:50%;object-fit:cover;box-shadow:0 0 10px rgba(255,255,255,.1);background:#0f172a}
.logo span{color:#38bdf8}
nav a{margin-left:18px;color:#cbd5e1;font-size:15px}
nav a:hover{color:#38bdf8}
.hero{padding:86px 7%;display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;background:radial-gradient(circle at right,#123a63,#07111f 60%)}
.hero h1{font-size:52px;line-height:1.1;margin-bottom:20px}
.hero h1 span{color:#38bdf8}
.hero p{color:#cbd5e1;font-size:18px;line-height:1.7;margin-bottom:28px}
.btn{display:inline-block;background:#229ED9;padding:16px 28px;border-radius:10px;font-weight:700;box-shadow:0 10px 30px rgba(34,158,217,.35);text-align:center}
.btn:hover{background:#1688bd}
.btn-dark{display:inline-block;background:#0f172a;border:1px solid #38bdf8;padding:15px 25px;border-radius:10px;font-weight:700;margin-left:10px;text-align:center}
.hero-img{border-radius:24px;overflow:hidden;border:1px solid #29405f;box-shadow:0 25px 70px rgba(0,0,0,.45);position:relative}
.hero-img img{height:430px;width:100%;object-fit:cover}
.badge{display:inline-block;padding:8px 13px;border-radius:999px;border:1px solid #26486b;color:#93c5fd;background:#0f172a;font-size:13px;margin-bottom:16px}
section{padding:72px 7%}
.title{text-align:center;margin-bottom:42px}
.title h2{font-size:36px;margin-bottom:12px}
.title p{color:#94a3b8}
.search-wrap{background:#0f172a;border:1px solid #22324d;border-radius:20px;padding:24px;max-width:900px;margin:0 auto 32px}
.search-wrap input{width:100%;padding:18px 20px;border-radius:12px;border:1px solid #29405f;background:#081525;color:#fff;font-size:16px;outline:none}
.search-tags{margin-top:14px;text-align:center}
.search-tags span{display:inline-block;padding:8px 12px;margin:5px;border-radius:999px;background:#081525;border:1px solid #22324d;color:#cbd5e1;font-size:13px}
.market-box{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.market-item{background:#0f172a;border:1px solid #22324d;border-radius:15px;padding:22px;text-align:center}
.market-item h3{font-size:18px;margin-bottom:8px}.market-item p{color:#94a3b8}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#0f172a;border:1px solid #22324d;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.25)}
.card img{height:190px;width:100%;object-fit:cover}
.card-content{padding:24px}
.card h3,.box h3,.panel h3{color:#38bdf8;margin-bottom:12px}
.card p,.box p{color:#cbd5e1;line-height:1.6;font-size:15px}
.box{background:#0f172a;border:1px solid #22324d;border-radius:16px;padding:28px}
.analysis{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{background:#0f172a;border:1px solid #22324d;border-radius:18px;padding:28px}
.panel p{color:#cbd5e1;line-height:1.8}
.signal{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#081525;border-radius:12px;margin-bottom:12px;gap:10px}
.signal small{color:#94a3b8}
.tv-box{background:#0f172a;border:1px solid #22324d;border-radius:20px;padding:18px;overflow:hidden}
.tv-placeholder{height:420px;border-radius:16px;background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(34,197,94,.08)),url('https://images.unsplash.com/photo-1642790106117-e829e14a795f?auto=format&fit=crop&w=1400&q=80');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #29405f;padding:20px}
.tv-placeholder div{background:rgba(2,6,23,.78);border:1px solid #29405f;border-radius:18px;padding:28px;max-width:620px}
.heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.heat{min-height:90px;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.08)}
.heat.green{background:linear-gradient(135deg,#064e3b,#052e28)}.heat.red{background:linear-gradient(135deg,#7f1d1d,#3b1111)}.heat.yellow{background:linear-gradient(135deg,#713f12,#2d1b05)}
.heat b{font-size:17px}.heat small{color:#cbd5e1}
.blog-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.blog-card{background:#0f172a;border:1px solid #22324d;border-radius:16px;padding:22px}
.blog-card small{color:#94a3b8}.blog-card h3{font-size:18px;margin:10px 0;color:#fff}.blog-card p{color:#cbd5e1;font-size:14px;line-height:1.6}
.cta{text-align:center;background:linear-gradient(135deg,#0f172a,#123a63)}
.cta h2{font-size:39px;margin-bottom:14px}.cta p{color:#cbd5e1;margin-bottom:28px;font-size:17px}
.legal-links a{display:inline-block;margin:8px 12px;color:#94a3b8;font-size:14px}.legal-links a:hover{color:#38bdf8}
.warning{background:#020617;color:#94a3b8;font-size:13px;line-height:1.6;text-align:center;padding:25px 7%;border-top:1px solid #1e293b;margin-bottom:60px}
footer{background:#020617;text-align:center;padding:25px;color:#64748b;font-size:14px;margin-bottom:60px}
.telegram-kayan-buton{position:fixed;bottom:20px;right:20px;background-color:#0088cc;color:white;padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:bold;font-family:sans-serif;box-shadow:0 4px 15px rgba(0,136,204,.4);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s ease-in-out;z-index:9999}
.telegram-kayan-buton.goster{opacity:1;visibility:visible;transform:translateY(0)}
.telegram-kayan-buton:hover{background-color:#0077b5;transform:translateY(-2px)}
.telegram-kayan-buton svg{margin-right:8px;vertical-align:middle}
@media(max-width:1050px){.heatmap{grid-template-columns:repeat(3,1fr)}.blog-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){header{flex-direction:column;gap:15px;padding:15px 5%}nav{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}nav a{margin:0;font-size:14px;line-height:1.5}.hero{grid-template-columns:1fr;padding:50px 5%;text-align:center}.hero h1{font-size:38px}.grid,.analysis,.blog-list{grid-template-columns:1fr}.market-box{grid-template-columns:repeat(2,1fr)}.hero-img img{height:280px}.btn,.btn-dark{display:block;width:100%;margin:10px 0}.heatmap{grid-template-columns:repeat(2,1fr)}.tv-placeholder{height:330px}section{padding:50px 5%}.title h2{font-size:28px}}
@media(max-width:480px){.hero h1{font-size:32px}.market-box{grid-template-columns:1fr}.heatmap{grid-template-columns:1fr}.logo{font-size:22px}.telegram-kayan-buton{bottom:0;right:0;width:100%;border-radius:0;padding:18px 0;font-size:16px}footer{margin-bottom:56px}.warning{margin-bottom:0}}