@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--news-bg:#050913;--news-panel:#0a1220;--news-line:rgba(255,255,255,.1);--news-text:#f5f8ff;--news-muted:#8f9caf;--news-cyan:#50dfdb;--news-blue:#5677ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.news-page{margin:0;overflow-x:hidden;background:var(--news-bg);color:var(--news-text);font-family:Inter,Arial,sans-serif}
.news-main{position:relative;isolation:isolate;width:min(1440px,calc(100% - 48px));margin:0 auto;padding:clamp(42px,6vw,90px) 0 70px}
.news-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.news-ambient i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;animation:newsFloat 14s ease-in-out infinite alternate}
.news-ambient i:nth-child(1){top:-120px;right:4%;width:420px;height:420px;background:#5677ff}
.news-ambient i:nth-child(2){top:32%;left:-220px;width:420px;height:420px;background:#50dfdb;animation-delay:-5s}
.news-ambient i:nth-child(3){right:12%;bottom:3%;width:300px;height:300px;background:#923cff;animation-delay:-9s}
@keyframes newsFloat{to{transform:translate3d(70px,55px,0) scale(1.18)}}

.news-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:60px;margin-bottom:clamp(35px,5vw,70px)}
.news-kicker,.news-feed-head>div>span,.news-contribute>div>span{display:flex;align-items:center;gap:9px;color:var(--news-cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.news-kicker i{width:7px;height:7px;border-radius:50%;background:var(--news-cyan);box-shadow:0 0 18px var(--news-cyan);animation:newsPulse 1.8s ease-in-out infinite}
@keyframes newsPulse{50%{opacity:.35;transform:scale(.65)}}
.news-heading h1{margin:17px 0 0;font:700 clamp(48px,7.8vw,112px)/.87 'Space Grotesk',sans-serif;letter-spacing:-.065em}
.news-heading h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.45)}
.news-heading-side{padding:0 0 10px;border-left:1px solid var(--news-line);padding-left:28px}
.news-heading-side p{margin:0 0 24px;color:#a4b0c2;font-size:14px;line-height:1.7}
.news-live{display:flex;align-items:center;gap:9px;color:#dfe7f3;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.news-live span{width:8px;height:8px;border-radius:50%;background:#5ef3a4;box-shadow:0 0 16px #5ef3a4}

.news-featured{display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);height:190px;min-height:190px;margin-bottom:32px;overflow:hidden;border:1px solid var(--news-line);border-radius:18px;background:linear-gradient(145deg,rgba(14,25,43,.95),rgba(7,13,24,.98));box-shadow:0 16px 42px rgba(0,0,0,.24)}
.news-featured-media{position:relative;display:block;min-height:190px;overflow:hidden}
.news-featured-media img,.news-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.news-featured:hover .news-featured-media img{transform:scale(1.045)}
.news-featured-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(7,13,24,.8)),linear-gradient(0deg,rgba(4,8,15,.5),transparent 45%)}
.news-rank{position:absolute;top:24px;left:24px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,9,18,.68);backdrop-filter:blur(12px);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.news-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:15px clamp(20px,2.5vw,32px)}
.news-meta{color:#728197;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.news-meta b{margin:0 5px;color:var(--news-cyan)}
.news-featured-copy h2{display:-webkit-box;margin:7px 0;font:700 clamp(20px,2.05vw,29px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.03em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-featured-copy>p{display:-webkit-box;margin:0;overflow:hidden;color:#9ca9bc;font-size:10px;line-height:1.45;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.news-read{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:6px 4px;border-top:1px solid var(--news-line);color:#fff;text-decoration:none;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;transition:.3s}
.news-read b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--news-blue),var(--news-cyan));color:#07111b;font-size:17px;transition:transform .35s}
.news-read:hover{padding-left:10px;color:var(--news-cyan)}.news-read:hover b{transform:rotate(45deg)}

.news-feed{margin-bottom:70px}
.news-feed-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.news-feed-head h2{margin:7px 0 0;font:700 clamp(30px,4vw,54px)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em}
.news-search{display:grid;grid-template-columns:22px minmax(160px,290px) auto;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--news-line);border-radius:14px;background:rgba(255,255,255,.035);transition:.3s}
.news-search:focus-within{border-color:rgba(80,223,219,.45);box-shadow:0 0 0 4px rgba(80,223,219,.06)}
.news-search>span{color:var(--news-cyan);font-size:19px}.news-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:500 12px Inter,sans-serif}.news-search input::placeholder{color:#667489}.news-search kbd{min-width:25px;padding:4px 6px;border:0;border-radius:7px;background:rgba(255,255,255,.07);color:#8795a9;text-align:center;font:700 9px Inter,sans-serif}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{position:relative;overflow:hidden;border:1px solid var(--news-line);border-radius:22px;background:linear-gradient(155deg,rgba(14,24,41,.9),rgba(7,13,23,.96));transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .45s}
.news-card:hover{transform:translateY(-9px);border-color:rgba(80,223,219,.3);box-shadow:0 28px 60px rgba(0,0,0,.3)}
.news-card-media{position:relative;display:block;height:230px;overflow:hidden;background:#101827}
.news-card:hover .news-card-media img{transform:scale(1.075);filter:saturate(1.12)}
.news-card-media::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(6,11,19,.76))}
.news-card-index,.news-card-arrow{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(5,10,19,.65);backdrop-filter:blur(10px)}
.news-card-index{top:14px;left:14px;width:35px;height:27px;border-radius:9px;color:#dbe4f2;font-size:9px;font-weight:800}
.news-card-arrow{right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;color:#fff;transition:.35s}
.news-card:hover .news-card-arrow{border-color:transparent;background:var(--news-cyan);color:#061018;transform:rotate(45deg)}
.news-card-body{padding:24px 24px 25px}
.news-card-body h3{margin:12px 0 11px;font:700 clamp(21px,2vw,29px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.03em}.news-card-body h3 a{color:#f5f8ff;text-decoration:none}.news-card-body>p{display:-webkit-box;min-height:66px;margin:0;overflow:hidden;color:#8997aa;font-size:12px;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.news-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.075);color:#b8c4d5;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.news-card-link span{color:var(--news-cyan);font-size:16px;transition:transform .3s}.news-card-link:hover span{transform:translateX(5px)}
.news-card[hidden]{display:none}
.news-empty{padding:70px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:22px;color:#7f8da0}.news-empty>span{font-size:35px;color:var(--news-cyan)}.news-empty h3{margin:8px 0;font:700 25px 'Space Grotesk',sans-serif}.news-empty p{margin:0;font-size:12px}

.news-contribute{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;padding:clamp(30px,5vw,60px);border:1px solid rgba(80,223,219,.18);border-radius:26px;background:radial-gradient(circle at 75% 0,rgba(86,119,255,.18),transparent 37%),linear-gradient(135deg,#0d1829,#08101d)}
.news-contribute::before{content:"";position:absolute;right:18%;width:180px;height:180px;border:1px solid rgba(80,223,219,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(80,223,219,.025),0 0 0 70px rgba(80,223,219,.015);animation:newsOrbit 9s linear infinite}
@keyframes newsOrbit{to{transform:rotate(360deg)}}
.news-contribute h2{margin:8px 0 5px;font:700 clamp(30px,4vw,52px)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em}.news-contribute p{margin:0;color:#8d9aae;font-size:13px}.news-contribute>a{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding:15px 17px 15px 22px;border-radius:15px;background:#f5f8ff;color:#07101c;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:.35s}.news-contribute>a b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#08111f;color:var(--news-cyan);font-size:18px}.news-contribute>a:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.28)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.news-grid .reveal:nth-child(3n+2){transition-delay:.08s}.news-grid .reveal:nth-child(3n+3){transition-delay:.16s}
@media(max-width:980px){.news-heading{grid-template-columns:1fr;gap:25px}.news-heading-side{max-width:600px}.news-featured{grid-template-columns:230px 1fr;height:190px;min-height:190px}.news-featured-media{min-height:190px}.news-featured-shade{background:linear-gradient(90deg,transparent,rgba(7,13,24,.65))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.news-main{width:calc(100% - 24px);padding:30px 0 45px}.news-heading{margin-bottom:30px}.news-heading h1{font-size:clamp(43px,14vw,66px)}.news-heading-side{padding-left:17px}.news-featured{margin-bottom:52px;border-radius:21px}.news-featured-media{min-height:290px}.news-featured-copy{padding:26px 22px 28px}.news-feed-head{align-items:stretch;flex-direction:column}.news-search{grid-template-columns:22px 1fr auto;width:100%}.news-grid{grid-template-columns:1fr;gap:15px}.news-card{display:grid;grid-template-columns:125px 1fr;min-height:170px;border-radius:18px}.news-card-media{height:100%;min-height:170px}.news-card-index{top:9px;left:9px}.news-card-arrow{right:9px;bottom:9px;width:32px;height:32px}.news-card-body{padding:18px 16px}.news-card-body h3{font-size:20px}.news-card-body>p{min-height:0;-webkit-line-clamp:2;font-size:10px}.news-card-link{margin-top:11px;padding-top:10px}.news-contribute{align-items:flex-start;flex-direction:column;padding:28px 22px}.news-contribute>a{width:100%;justify-content:space-between}.news-contribute::before{right:-70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:680px){.news-featured{grid-template-columns:118px 1fr;height:150px;min-height:150px;margin-bottom:26px}.news-featured-media{min-height:150px}.news-featured-copy{padding:11px 12px}.news-featured-copy h2{font-size:clamp(17px,5.4vw,22px);-webkit-line-clamp:3}.news-featured-copy>p{display:none}.news-featured-copy .news-meta{font-size:7px}.news-read{margin-top:7px}.news-read b{width:27px;height:27px}}