.trend-hero{padding:90px max(5vw,24px) 45px;text-align:center;background:radial-gradient(circle at 50% 0,#362b6b 0,#111525 48%,#090c16 100%);color:#fff}.trend-hero>span{font-size:12px;letter-spacing:.22em;color:#9a83ff;font-weight:900}.trend-hero h1{font-size:clamp(36px,6vw,72px);margin:12px 0}.trend-hero h1 em{color:#9a83ff}.trend-hero p{max-width:690px;margin:0 auto;color:#abb2c6;font-size:17px}.trend-hero nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:32px}.trend-hero nav a{padding:8px 13px;border:1px solid #34394a;border-radius:30px;color:#bec4d5;font-size:12px}.trend-hero nav a.active,.trend-hero nav a:hover{background:#8265ff;border-color:#8265ff;color:#fff}.trend-list{max-width:1120px;margin:0 auto;padding:42px 24px 80px}.trend-list>a{display:grid;grid-template-columns:55px 110px 1fr auto 30px;gap:20px;align-items:center;padding:17px;border-bottom:1px solid #222838;color:#e9ecf5;transition:.2s}.trend-list>a:hover{background:#151a2a;transform:translateX(5px)}.trend-list .rank{font-size:25px;color:#6f7890}.trend-cover{height:72px;border-radius:10px;overflow:hidden;background:#202638;display:grid;place-items:center}.trend-cover img{width:100%;height:100%;object-fit:cover}.trend-copy span{color:#8c73ff;font-size:11px;font-weight:900;text-transform:uppercase}.trend-copy h2{margin:4px 0;font-size:20px}.trend-copy p{margin:0;color:#8f97aa;font-size:12px}.trend-signal{text-align:right}.trend-signal b{display:block;color:#34d49a}.trend-signal.down b{color:#ff707f}.trend-signal small{color:#778095}.trend-empty{text-align:center;padding:70px;color:#9ca4b7}.trend-empty b{color:#fff;font-size:22px}.oh-trend-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.oh-trend-grid>a{position:relative;min-width:0;padding:10px;border:1px solid #272c3c;border-radius:13px;background:#121725;color:#fff}.oh-trend-grid>a>b{position:absolute;z-index:2;top:15px;left:15px;background:#7858ed;padding:4px 7px;border-radius:6px}.oh-trend-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:9px}.oh-trend-grid span{font-size:10px;color:#927cff;text-transform:uppercase;font-weight:900}.oh-trend-grid h3{font-size:14px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh-trend-grid small{color:#34d49a}@media(max-width:900px){.oh-trend-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.trend-list>a{grid-template-columns:35px 75px 1fr}.trend-signal,.trend-list>a>i{display:none}.trend-cover{height:65px}.trend-copy h2{font-size:16px}.trend-copy p{display:none}}@media(max-width:520px){.oh-trend-grid{grid-template-columns:repeat(2,1fr)}}