:root{--bg:#0b1320;--panel:#101b2c;--panel2:#162236;--line:#26344a;--text:#f4f7fb;--muted:#8f9caf;--blue:#2f6df6;--purple:#5a3df0;--green:#24d47b;--red:#ff5b68}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}
.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 22px;position:sticky;top:0;background:rgba(11,19,32,.97);z-index:20}.brand{font-weight:800;font-size:21px;white-space:nowrap}.brand b{color:#35df58}.brand small{display:block;font-size:8px;color:#93a0b3;letter-spacing:1px;margin-top:3px}.hamb{font-size:25px;cursor:pointer}.ticker{display:flex;gap:22px;overflow:hidden;flex:1;white-space:nowrap}.tick{font-size:12px}.tick b{display:block;font-size:14px}.up{color:var(--green)}.down{color:var(--red)}.user{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#315ee8;font-weight:800}.layout{display:flex;min-height:calc(100vh - 72px)}.side{width:245px;border-right:1px solid var(--line);padding:18px 12px;background:#0b1422;flex-shrink:0}.side a{display:block;padding:12px 13px;border-radius:8px;color:#b7c2d1;margin:3px 0}.side a:hover,.side a.active{background:#172744;color:#fff}.side .active{border-left:3px solid #4f83ff}.side hr{border:0;border-top:1px solid var(--line);margin:18px 6px}.main{flex:1;min-width:0;padding:26px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.heading h1{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.stat .label{color:#aeb9c8}.stat .value{font-size:25px;font-weight:800;margin:12px 0 4px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h2{font-size:17px;margin:0}.link{color:#8c6cff}.chart{height:255px;border-radius:8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#1c2b41 50px);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.market{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #1c2a3e;font-size:13px}.market:last-child{border:0}.market small{display:block;color:#748297}.lower{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px 5px;border-bottom:1px solid #1c2a3e;text-align:left}.table th{color:#758399;font-weight:500}.btn{border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white}.purple{background:var(--purple);color:white}.outline{background:transparent;color:#fff;border:1px solid #35445c}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick .btn{background:#162338;border:1px solid #2a3a53;color:#fff}.notice{background:#121d39;border:1px solid #4034a2;border-radius:12px;padding:20px}.notice h3{margin:0 0 8px}.notice p{color:#a5afd0;line-height:1.6}.bot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.bot{position:relative}.bot .badge{position:absolute;right:14px;top:14px;background:#163c2b;color:#42e28a;padding:5px 8px;border-radius:20px;font-size:11px}.bot h3{margin:0 70px 7px 0;font-size:18px}.bot .type{color:#8290a4;font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.metric{background:var(--panel2);padding:12px;border-radius:8px;text-align:center}.metric strong{display:block;font-size:20px}.metric small{color:#8b98ab}.form{max-width:620px}.form label{display:block;color:#aeb9c8;margin:14px 0 7px}.form input,.form select{width:100%;padding:13px;border-radius:8px;border:1px solid #2b3a51;background:#0d1828;color:white}.bottom{display:none}.footer{padding:30px 0;color:#69778c;font-size:12px;text-align:center}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr 1fr}.bot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.side{display:none}.layout{display:block}.main{padding:18px}.ticker{display:none}.topbar{height:64px}.heading{align-items:start;display:block}.heading .btn{margin-top:12px}.grid2,.lower{grid-template-columns:1fr}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#0d1828;border-top:1px solid var(--line);z-index:30;justify-content:space-around;align-items:center}.bottom a{font-size:10px;color:#98a5b7;text-align:center}.bottom a b{display:block;font-size:20px;margin-bottom:2px;color:#dfe6f0}.main{padding-bottom:85px}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.bot-grid{grid-template-columns:1fr}.brand{font-size:18px}.user span{display:none}.heading h1{font-size:24px}}
.google-translate {
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.google-translate select {
    height: 36px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid #d0d5dd;
    background: white;
    color: #172033;
    font-size: 13px;
    cursor: pointer;
}
/* ================================
HOMEPAGE FOOTER
================================ */

.site-footer {
background: #0b1220;
color: #ffffff;
margin-top: 60px;
padding: 60px 0 0;
}

.footer-container {
width: min(1180px, 92%);
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 45px;
}

.footer-brand h2 {
margin: 0 0 8px;
font-size: 25px;
font-weight: 700;
}

.footer-brand h2 span {
color: #2f80ed;
}

.footer-brand p {
margin: 6px 0;
}

.footer-description {
max-width: 360px;
color: #aeb8c7;
line-height: 1.7;
font-size: 14px;
}

.footer-column {
display: flex;
flex-direction: column;
}

.footer-column h3 {
margin: 0 0 18px;
font-size: 16px;
color: #ffffff;
}

.footer-column a {
color: #aeb8c7;
text-decoration: none;
font-size: 14px;
margin-bottom: 11px;
transition: 0.2s ease;
}

.footer-column a:hover {
color: #2f80ed;
}

.footer-bottom {
width: min(1180px, 92%);
margin: 45px auto 0;
padding: 20px 0;
border-top: 1px solid rgba(255,255,255,0.1);
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}

.footer-bottom p {
margin: 0;
color: #8e9aaa;
font-size: 13px;
}

/* Mobile */
@media (max-width: 800px) {
.footer-container {
grid-template-columns: 1fr 1fr;
gap: 35px;
}

.footer-brand {
    grid-column: 1 / -1;
}

.footer-bottom {
    flex-direction: column;
}

}

@media (max-width: 500px) {
.footer-container {
grid-template-columns: 1fr;
}

.footer-brand {
    grid-column: auto;
}

.site-footer {
    padding-top: 45px;
}

}
/* ================================
LEGAL PAGES
================================ */

.legal-page {
background: #f5f7fa;
min-height: 70vh;
padding: 70px 20px;
}

.legal-container {
width: min(900px, 100%);
margin: 0 auto;
background: #ffffff;
padding: 50px;
border-radius: 12px;
box-shadow: 0 5px 25px rgba(0,0,0,0.06);
}

.legal-container h1 {
margin-top: 0;
margin-bottom: 10px;
color: #172033;
font-size: 36px;
}

.legal-updated {
color: #7b8494;
font-size: 14px;
margin-bottom: 40px;
}

.legal-container h2 {
color: #172033;
font-size: 21px;
margin-top: 32px;
margin-bottom: 12px;
}

.legal-container p {
color: #596579;
line-height: 1.8;
font-size: 15px;
}

.legal-back {
display: inline-block;
margin-top: 35px;
color: #2f80ed;
text-decoration: none;
font-weight: 600;
}

.legal-back:hover {
text-decoration: underline;
}

@media (max-width: 600px) {
.legal-page {
padding: 35px 15px;
}

.legal-container {
    padding: 30px 22px;
}

.legal-container h1 {
    font-size: 29px;
}

}