:root{
  --bg:#050811;--bg2:#080d18;--panel:#0b1220;--panel2:#0e1727;--line:rgba(255,255,255,.09);
  --text:#f5f8ff;--muted:#93a1b7;--blue:#138cff;--blue2:#0068e8;--cyan:#20c9ff;--white:#fff;
  --sidebar:244px;--right:310px;--radius:20px;--shadow:0 20px 70px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 65% -10%,rgba(0,117,255,.14),transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-2}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.page-glow{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1}
.glow-a{background:#0077ff;top:-260px;left:25%}.glow-b{background:#00c8ff;right:-330px;bottom:10%}

.topbar{height:76px;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,8,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topbar-inner{height:100%;display:flex;align-items:center;gap:18px;padding:0 28px 0 calc(var(--sidebar) + 24px)}
.brand{display:none;align-items:center}.brand-logo{width:130px;height:58px;object-fit:contain}
.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;transition:.25s}
.icon-btn:hover{border-color:rgba(19,140,255,.65);background:rgba(19,140,255,.1);transform:translateY(-2px)}
.menu-toggle{display:none}
.top-search{height:44px;max-width:570px;flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);padding:0 14px;color:#7890ad;transition:.25s}
.top-search:focus-within{border-color:rgba(19,140,255,.7);box-shadow:0 0 0 4px rgba(19,140,255,.08)}
.top-search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:13px}
.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.top-link{font-size:13px;color:#b8c4d6}.top-link:hover{color:#fff}

.left-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:18px 14px;z-index:60;background:linear-gradient(180deg,#060a13,#070c15);border-right:1px solid var(--line);display:flex;flex-direction:column}
.sidebar-brand{height:94px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:18px}.sidebar-brand img{width:184px;height:84px;object-fit:contain;opacity:.94}
.side-nav{display:flex;flex-direction:column;gap:5px}.nav-label{font-size:10px;letter-spacing:.18em;color:#53627a;font-weight:800;padding:10px 12px 7px}.nav-label-gap{margin-top:14px}
.nav-item{border:0;background:transparent;color:#8f9db2;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;font-size:13px;font-weight:600;text-align:left;width:100%;transition:.25s}
.nav-item span{width:20px;text-align:center;font-size:17px;color:#65758e}.nav-item:hover{background:rgba(19,140,255,.07);color:#fff;transform:translateX(3px)}.nav-item.active{background:linear-gradient(90deg,rgba(19,140,255,.16),rgba(19,140,255,.035));color:#fff;box-shadow:inset 3px 0 var(--blue)}.nav-item.active span{color:var(--cyan)}
.sidebar-bottom{margin-top:auto}.mini-card{border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.025)}.mini-card strong{font-size:11px;display:block}.mini-card small{display:block;color:#64738a;font-size:9px;margin-top:3px}.live-dot{width:8px;height:8px;background:#20d889;border-radius:50%;box-shadow:0 0 0 5px rgba(32,216,137,.1),0 0 15px #20d889;animation:blink 1.8s infinite}

.site-main{margin-left:var(--sidebar);padding:76px 32px 40px;min-height:calc(100vh - 76px)}
.hero{max-width:1420px;margin:0 auto;min-height:470px;position:relative;display:flex;align-items:center;padding:65px 5vw 55px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;color:#6e89aa;font-weight:900}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue);animation:pulse 1.8s infinite}
.hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--blue);text-shadow:0 0 45px rgba(19,140,255,.3)}.hero p{max-width:610px;color:#98a7bc;line-height:1.7;font-size:15px}
.hero-actions{display:flex;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:800;border:1px solid var(--line);transition:.25s}.btn-primary{background:linear-gradient(135deg,#168fff,#0067e5);box-shadow:0 12px 35px rgba(0,112,255,.22);border-color:transparent}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,112,255,.3)}.btn-ghost{background:rgba(255,255,255,.03);color:#c7d2e3}.btn-ghost:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}
.hero-watermark{position:absolute;right:1%;top:50%;transform:translateY(-50%);width:52%;opacity:.045;filter:blur(.2px);pointer-events:none}.hero-watermark img{width:100%;height:auto}
.hero-stats{position:absolute;right:5vw;bottom:62px;display:flex;gap:28px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:800 20px "Space Grotesk";color:#eaf2ff}.hero-stats span{font-size:9px;letter-spacing:.12em;color:#62748f;text-transform:uppercase;margin-top:3px}

.content-layout{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) var(--right);gap:30px;padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-head h2{font:700 25px "Space Grotesk";margin:5px 0 0;letter-spacing:-.03em}.section-head.compact{margin-top:46px}.see-all{font-size:12px;color:#8ba3c1}.see-all span{color:var(--blue);margin-left:5px}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transition:.3s;box-shadow:0 8px 30px rgba(0,0,0,.12)}.news-card:hover{transform:translateY(-5px);border-color:rgba(19,140,255,.34);box-shadow:var(--shadow)}
.card-image{height:180px;display:block;position:relative;overflow:hidden;background:#0a1220}.card-image.large{height:215px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.news-card:hover .card-image img{transform:scale(1.055)}
.image-placeholder{width:100%;height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(19,140,255,.2),transparent 42%),linear-gradient(135deg,#0c1728,#07101d)}.image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,rgba(19,140,255,.07),transparent 70%);transform:translateX(-100%);animation:shine 5s infinite}.watermark-letter{font:900 100px "Space Grotesk";color:rgba(255,255,255,.04)}.image-placeholder span{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:.22em;color:rgba(255,255,255,.35)}
.category-badge{position:absolute;left:13px;bottom:13px;background:rgba(3,9,18,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 8px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#a9cfff;font-weight:800}.category-badge.static{position:static;display:inline-block}
.card-body{padding:17px 18px 18px}.card-meta,.article-meta{display:flex;align-items:center;gap:8px;color:#62738c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.card-meta i,.article-meta i{width:3px;height:3px;background:#41627f;border-radius:50%}.news-card h3{font:700 19px/1.2 "Space Grotesk";margin:9px 0}.news-card h3 a:hover{color:#4ba7ff}.news-card p{font-size:12px;line-height:1.6;color:#8190a6;margin:0 0 15px}.read-link{font-size:11px;color:#8fb6e5;font-weight:800}.read-link span{color:var(--blue);margin-left:4px}.latest-list{display:flex;flex-direction:column;gap:11px}.latest-item{display:grid;grid-template-columns:150px 1fr;gap:15px;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);transition:.25s}.latest-item:hover{background:rgba(19,140,255,.05);transform:translateX(4px)}.latest-thumb{height:94px;border-radius:10px;overflow:hidden;display:block}.latest-thumb img{width:100%;height:100%;object-fit:cover}.latest-thumb .image-placeholder{height:100%}.latest-item h3{font:700 15px/1.25 "Space Grotesk";margin:5px 0 7px}.latest-item h3:hover{color:#54aaff}.latest-item small{color:#5d6e85;font-size:9px}.tiny-category{font-size:9px;color:#4da5ff;text-transform:uppercase;letter-spacing:.1em;font-weight:800}

.right-sidebar{min-width:0}.right-title{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;font-weight:900;color:#7f94af;margin:7px 0 15px}.right-title i{height:1px;background:var(--line);flex:1}.trending-list{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.02)}.trend-item{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border-bottom:1px solid var(--line);transition:.25s}.trend-item:last-child{border-bottom:0}.trend-item:hover{background:rgba(19,140,255,.055)}.trend-item>b{font:700 18px "Space Grotesk";color:#2b4d70}.trend-item span{font-size:8px;color:#4b9fe7;text-transform:uppercase;letter-spacing:.1em}.trend-item strong{display:block;font:600 12px/1.35 "Space Grotesk";margin-top:4px}
.ad-panel{margin-top:20px;border:1px solid rgba(19,140,255,.2);border-radius:17px;background:linear-gradient(145deg,rgba(19,140,255,.09),rgba(255,255,255,.015));overflow:hidden}.ad-top{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#60738d;font-size:8px;letter-spacing:.15em}.ad-top b{color:#397db9}.ad-content{min-height:175px;padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.ad-content img{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:10px}.ad-content .ad-icon{font-size:28px;color:var(--blue);text-shadow:0 0 25px var(--blue);margin-bottom:8px}.ad-content strong{font:700 15px "Space Grotesk"}.ad-content small{color:#687991;font-size:10px;margin:5px 0 12px}.ad-content a{font-size:10px;color:#56aaff;font-weight:800}
.newsletter-card{margin-top:20px;padding:20px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.newsletter-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(19,140,255,.12);color:#43a5ff;margin-bottom:16px}.newsletter-card h3{font:700 20px "Space Grotesk";margin:6px 0}.newsletter-card p{font-size:11px;color:#718198;line-height:1.5}.newsletter-card form{display:flex;gap:6px;margin-top:15px}.newsletter-card input{min-width:0;flex:1;background:#070d17;border:1px solid var(--line);border-radius:9px;color:#fff;padding:10px;font-size:10px;outline:0}.newsletter-card button{border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:10px;padding:0 11px}.newsletter-card small{display:block;font-size:9px;color:#4bd58f;margin-top:8px}.success{color:#4bd58f}

.footer{margin-left:var(--sidebar);border-top:1px solid var(--line);padding:25px 35px;display:flex;align-items:center;gap:22px;color:#52637b;font-size:10px}.footer-logo img{width:90px;height:36px;object-fit:contain;opacity:.6}.footer-links{margin-left:auto;display:flex;gap:16px}.footer-links a:hover{color:#fff}

.news-page{max-width:1500px}.page-header{max-width:1100px;margin:0 auto;padding:58px 0 28px;display:flex;justify-content:space-between;align-items:end}.page-header h1{font:800 clamp(38px,5vw,62px)/1 "Space Grotesk";letter-spacing:-.05em;margin:8px 0 10px}.page-header p{margin:0;color:#7f8fa6;font-size:13px}.result-pill{border:1px solid var(--line);padding:9px 12px;border-radius:10px;color:#71839d;font-size:10px}.result-pill span{color:#fff;font-weight:800}.filter-bar{max-width:1100px;margin:0 auto 25px;border-bottom:1px solid var(--line);overflow:auto}.filter-scroll{display:flex;gap:6px;min-width:max-content}.filter{border:0;background:transparent;color:#718198;padding:11px 13px;font-size:11px;font-weight:800;border-bottom:2px solid transparent}.filter:hover,.filter.active{color:#fff;border-color:var(--blue)}.news-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-card .card-image{height:185px}.empty-state{max-width:600px;margin:50px auto;text-align:center;padding:45px 20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}.empty-state>div{font-size:35px;color:#268fff}.empty-state h2{font:700 23px "Space Grotesk";margin:10px}.empty-state p{color:#728198;font-size:12px}.hidden{display:none!important}

.article-page{max-width:1050px}.back-link{display:inline-block;margin:42px 0 22px;color:#7d96b4;font-size:11px;font-weight:800}.article{max-width:900px;margin:0 auto}.article-head{padding:20px 0 28px}.article-head h1{font:800 clamp(36px,5vw,66px)/1.03 "Space Grotesk";letter-spacing:-.055em;margin:15px 0}.article-lead{font-size:17px;line-height:1.65;color:#8d9db2;max-width:780px}.article-meta{margin-top:22px}.article-meta b{color:#b7c9df}.article-cover{border-radius:20px;overflow:hidden;border:1px solid var(--line);max-height:580px}.article-cover img{width:100%;display:block;max-height:580px;object-fit:cover}.article-body{font-size:16px;line-height:1.85;color:#b5c0d1;padding:35px 10px}.article-share{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:10px;align-items:center;color:#6e819b;font-size:10px}.article-share button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#a8bad0;border-radius:9px;padding:8px 12px;font-size:10px}

.loading-card{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed var(--line);border-radius:18px;color:#65758d;font-size:11px;grid-column:1/-1}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton{height:110px;border-radius:15px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:200% 100%;animation:skeleton 1.5s infinite}

.reveal{animation:reveal .65s both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}
@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(19,140,255,.08),0 0 20px var(--blue)}}@keyframes blink{50%{opacity:.35}}@keyframes shine{55%,100%{transform:translateX(100%)}}@keyframes skeleton{to{background-position:-200% 0}}

.soft-theme{--bg:#eef4fb;--bg2:#f5f8fc;--panel:#fff;--panel2:#f7faff;--text:#0a1830;--muted:#60718a;--line:rgba(20,50,85,.11)}.soft-theme .topbar,.soft-theme .left-sidebar{background:rgba(242,247,253,.9)}.soft-theme .nav-item{color:#53677f}.soft-theme .top-search,.soft-theme .icon-btn,.soft-theme .news-card,.soft-theme .latest-item,.soft-theme .trending-list,.soft-theme .newsletter-card{background:rgba(255,255,255,.72)}.soft-theme .hero h1{color:#08162b}.soft-theme .top-search input{color:#08162b}

.mobile-overlay{display:none}
@media(max-width:1200px){:root{--right:280px}.content-layout{gap:22px}.hero{padding-left:2vw}.hero-stats{right:2vw}.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--sidebar:0px}.left-sidebar{width:260px;transform:translateX(-102%);transition:.3s;box-shadow:20px 0 70px rgba(0,0,0,.5)}.left-sidebar.open{transform:none}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55;backdrop-filter:blur(3px)}.topbar-inner{padding:0 16px}.menu-toggle{display:grid}.brand{display:flex}.top-link{display:none}.site-main{padding-left:20px;padding-right:20px}.right-sidebar{display:none}.content-layout{display:block}.footer{margin-left:0}.hero{padding-left:0}.hero-stats{position:static;margin-top:30px}.hero{display:block;padding-top:55px}.hero-watermark{width:80%;right:-20%;top:55%}}
@media(max-width:650px){.topbar{height:68px}.top-search{max-width:none}.brand-logo{width:94px;height:50px}.site-main{padding-top:68px;padding-left:13px;padding-right:13px}.hero{min-height:0;padding:42px 8px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap}.hero-stats{gap:18px}.featured-grid,.news-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-head h2{font-size:21px}.latest-item{grid-template-columns:105px 1fr}.latest-thumb{height:80px}.latest-item h3{font-size:13px}.footer{padding:22px 15px;flex-wrap:wrap}.footer-links{margin-left:0}.page-header{padding:40px 5px 22px;display:block}.result-pill{display:inline-block;margin-top:15px}.filter-bar{margin-left:5px;margin-right:5px}.article-page{padding-left:16px;padding-right:16px}.article-head h1{font-size:38px}.article-lead{font-size:14px}.article-body{padding-left:0;padding-right:0;font-size:14px}.hero-watermark{opacity:.025}}

.source-label{margin-left:auto;color:#6d8099;font-size:10px}.source-link{color:#4da5ff;font-size:10px;font-weight:800}.source-link:hover{text-decoration:underline}

/* ================= AD NETWORK / MONETIZATION ================= */
.ad-slot{position:relative;margin:20px auto;border:1px solid rgba(19,140,255,.16);border-radius:16px;background:rgba(255,255,255,.018);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20px;padding:10px}.ad-label{width:100%;text-align:center;color:#536b88;font-size:8px;letter-spacing:.18em;font-weight:800;margin-bottom:7px}.ad-top-home{max-width:760px;min-height:112px}.ad-native-home,.ad-native-list,.ad-native-article{max-width:100%;min-height:120px}.ad-native-list{max-width:1100px;margin-bottom:22px}.ad-native-article{max-width:900px;margin-bottom:28px}
@media(max-width:650px){.ad-top-home{max-width:100%;min-height:74px;padding:7px}}