:root{
--bg:#f5f3ed;--ink:#101116;--muted:#737681;--line:#dfddd5;
--lime:#d9ff3f;--violet:#9d7cff;--cyan:#63e6ff;--pink:#ff6bd6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#111 0.65px,transparent .65px);background-size:8px 8px;z-index:-1}
.glass-nav{background:rgba(13,14,18,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08);padding:13px 0;z-index:100}
.navbar-brand{font-size:1.2rem;letter-spacing:-.06em}.navbar-brand span:last-child{color:var(--lime)}
.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--lime);margin-right:8px;box-shadow:0 0 16px var(--lime)}
.nav-link{color:#c9cad0!important;font-weight:650;padding:8px 15px!important}.nav-link:hover,.nav-link.active{color:#fff!important}
.searchbox{background:#22242c;border:1px solid #363943;border-radius:50px;padding:3px 5px 3px 15px}.searchbox input{border:0;outline:0;background:transparent;color:#fff;width:180px}.searchbox button{border:0;border-radius:50%;width:38px;height:38px;background:#f7f7f4;color:#111}
.trend-strip{background:var(--lime);color:#101116;overflow:hidden;border-bottom:1px solid #111;white-space:nowrap}.trend-track{display:inline-flex;align-items:center;gap:24px;padding:8px 0;font-size:.72rem;font-weight:950;letter-spacing:.18em;animation:marquee 22s linear infinite}.trend-track i{font-style:normal;font-size:1rem}@keyframes marquee{to{transform:translateX(-50%)}}
.hero{position:relative;min-height:78vh;background:#101116;color:#fff;overflow:hidden;padding-top:4vh;padding-bottom:7vh}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(157,124,255,.18),transparent 25%),radial-gradient(circle at 20% 20%,rgba(217,255,63,.08),transparent 25%);pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:float 8s ease-in-out infinite}.orb-one{width:240px;height:240px;right:8%;top:10%;background:radial-gradient(circle at 35% 35%,#fff,var(--violet) 28%,transparent 68%)}.orb-two{width:170px;height:170px;left:4%;bottom:5%;background:radial-gradient(circle at 35% 35%,#fff,var(--pink) 25%,transparent 68%);animation-delay:-3s}@keyframes float{50%{transform:translate3d(0,22px,0) scale(1.05)}}
.hero>.row{position:relative;z-index:2}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:900;letter-spacing:.16em;color:#bfc1ca;border:1px solid #343740;background:#181a20;border-radius:999px;padding:9px 13px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
.hero h1{font-size:clamp(4rem,9vw,9.2rem);line-height:.83;letter-spacing:-.095em;margin:25px 0 25px;font-weight:900}.gradient-text{background:linear-gradient(90deg,var(--lime),#fff 42%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{max-width:650px;color:#aeb0b9;font-size:1.15rem;line-height:1.65}.hero p.lead strong{color:#fff}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.btn-neon{background:var(--lime);border:2px solid var(--lime);color:#101116;font-weight:900;box-shadow:8px 8px 0 #fff;transition:.2s}.btn-neon:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 #fff;background:#efff9a;border-color:#efff9a;color:#101116}.ghost-link{color:#fff;text-decoration:none;font-weight:800}.ghost-link span{display:inline-block;transition:.2s}.ghost-link:hover span{transform:translate(4px,-4px)}
.hero-sticker{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.25);background:#1d2028;padding:10px 14px;border-radius:12px;font-size:.75rem;font-weight:800;box-shadow:0 12px 30px #0005}.sticker-one{right:45%;top:16%;color:var(--lime);transform:rotate(-7deg)}.sticker-two{right:8%;bottom:18%;color:#fff;transform:rotate(5deg)}
.hero-card{position:relative;border:1px solid #444751;background:linear-gradient(145deg,#22252e,#15171d);padding:28px;border-radius:28px;transform:rotate(2.5deg);box-shadow:20px 25px 80px #0008}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#7e828d;font-size:.62rem;font-weight:900;letter-spacing:.14em}.hero-card i{display:block;font-size:2.2rem;color:var(--lime);margin:60px 0 15px}.hero-card p{font:2.2rem/1.08 Georgia,serif;max-width:360px}.card-bottom{margin-top:65px;color:#b7bac3}.card-bottom b{font-size:1.4rem;color:var(--lime)}.mini-wave{position:absolute;right:28px;top:60px;width:70px;height:28px;border-top:2px solid var(--violet);border-radius:50%;transform:rotate(-12deg)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.075em;margin:5px 0;font-weight:900}.section-head h2 span{color:var(--violet)}.eyebrow{font-size:.68rem;letter-spacing:.2em;font-weight:900;color:#8a6a31}.post-count{color:var(--muted);font-weight:700}
.feed-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.chip{padding:9px 15px;border:1px solid #d3d1c9;border-radius:999px;text-decoration:none;color:#292b31;font-size:.78rem;font-weight:850;background:#fff;transition:.2s}.chip:hover,.chip.active{background:#11131a;color:#fff;border-color:#11131a;transform:translateY(-2px)}.chip-muted{background:transparent;color:#9699a1;border-style:dashed}
.post-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;height:100%;transition:.3s;box-shadow:0 8px 25px #16161608;position:relative}.post-card:before{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:24px;pointer-events:none}.post-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 25px 60px #16161618}.post-img{width:100%;height:280px;object-fit:cover}.post-card iframe{border:0}.meta,.article-meta{font-size:.64rem;letter-spacing:.14em;font-weight:900;color:#8a6a31}.post-card h3{font-size:1.45rem;letter-spacing:-.04em;margin:10px 0}.post-card h3 a{color:inherit;text-decoration:none}.post-card p{color:var(--muted);line-height:1.7}.read-more{color:var(--ink);font-weight:900;text-decoration:none}.quote-art{height:280px;padding:35px;background:linear-gradient(135deg,#15171e,#29223e);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.quote-art:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-55px;bottom:-70px;background:var(--lime);filter:blur(2px);opacity:.8}.quote-art i{font-size:2.2rem;color:var(--lime)}.quote-art p{font:2rem/1.12 Georgia,serif;color:#fff;max-width:90%}.empty{padding:70px;text-align:center;background:#fff;border-radius:24px}
.side-ad{position:fixed;top:170px;width:140px;height:400px;border:1px dashed #c9c5bc;background:rgba(247,244,238,.96);color:#aaa;text-align:center;font-size:11px;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.06)}.side-ad span{font-size:9px;letter-spacing:.12em}.ad-left{left:18px}.ad-right{right:18px}
footer{background:#101116;color:#8f929c;margin-top:80px}footer strong{color:#fff;font-size:1.2rem}
.article-wrap{max-width:900px}.article-wrap h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.92;letter-spacing:-.075em;margin:18px 0 25px}.article-lead{font-size:1.25rem;color:var(--muted);line-height:1.7}.article-image{width:100%;max-height:650px;object-fit:cover;border-radius:24px;margin:20px 0 40px}.article-content{font-size:1.12rem;line-height:1.9}.article-content img{max-width:100%;height:auto;border-radius:18px}.article-video{border-radius:24px;overflow:hidden}
.mobile-menu a{display:block;padding:15px 0;color:#111;text-decoration:none;font-weight:800}
@media(min-width:1400px){.hero,main#latest,.article-wrap,footer{margin-left:180px;margin-right:180px}.hero,main#latest,footer{width:auto}}
@media(max-width:1399px){.side-ad{display:none}}
@media(max-width:767px){.hero{min-height:76vh;padding-top:7vh}.hero h1{font-size:4.15rem}.hero-sticker{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.section-head{align-items:flex-start;gap:10px}.section-head h2{font-size:2.8rem}.post-img{height:230px}.trend-track{animation-duration:15s}}