body{background:#0d0d15}
.news-main{max-width:1360px}
.news-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:78px 20px 63px;border-bottom:1px solid var(--border)}
.news-hero-glow{position:absolute;z-index:-1;inset:-20% 10% 0;background:radial-gradient(ellipse at 50% 35%,#5d3e9952,transparent 58%)}
.news-eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--purple);font-size:11px;font-weight:600;letter-spacing:2.3px}
.news-hero h1{margin:22px 0 12px;font-size:clamp(38px,5vw,67px);line-height:1.18;letter-spacing:-2px;font-weight:700}
.news-hero h1 span{background:linear-gradient(100deg,#cebaff,#9ca8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.news-hero>p{margin:0;color:#aaa5b6;font-size:16px}
.news-hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:31px}
.news-hero-meta span{padding:7px 12px;border:1px solid #3d344c;border-radius:100px;background:#1c1825;color:#bfb7cb;font-size:11px}
.news-content{max-width:960px;margin:0 auto;padding:58px 0 76px}
.news-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.news-section-head h2{margin:8px 0 0;font-size:28px;line-height:1.3}
.news-section-head h2 span{color:var(--purple)}
.news-section-head p{max-width:360px;margin:0 0 4px;color:#817b8b;font-size:11px;text-align:right}
.news-source-note{display:flex;gap:15px;align-items:flex-start;margin-bottom:28px;padding:16px 19px;border:1px solid #3a304c;border-radius:11px;background:linear-gradient(110deg,#21192f,#15141e)}
.news-source-note-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#5e487e;color:#eee2ff;font-size:20px}
.news-source-note p{margin:0;color:#aaa1b5;font-size:12px;line-height:1.8}
.news-source-note a{color:#cbb2ff;text-decoration:underline;text-underline-offset:3px}
.news-source-note strong{color:#d2c7de;font-weight:600}
.news-date-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#ddd5e6;font-size:13px;font-weight:600}
.news-date-row span:last-child{color:#827a92;font-size:11px;letter-spacing:2px}
.news-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.news-list li{min-width:0}
.news-card{display:grid;grid-template-columns:34px 144px minmax(0,1fr) 24px;gap:16px;align-items:center;min-height:136px;padding:17px 20px;border:1px solid #292735;border-radius:12px;background:#181720;color:inherit;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}
.news-card:hover,.news-card:focus-visible{transform:translateY(-2px);border-color:#71538d;background:#211b2d;box-shadow:0 12px 35px #08050d88}
.news-card:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.news-rank{align-self:start;margin-top:6px;color:#787181;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.news-thumbnail{display:block;width:144px;height:100px;object-fit:cover;border-radius:11px;border:1px solid #ffffff14;background:#24212e}
.news-copy{display:block;min-width:0}
.news-category{display:block;margin-bottom:4px;color:#b694ee;font-size:10px;font-weight:600;letter-spacing:.8px}
.news-copy strong{display:block;color:#f1eefa;font-size:16px;font-weight:600;line-height:1.48;transition:color .22s ease}
.news-card:hover .news-copy strong,.news-card:focus-visible .news-copy strong{color:var(--purple)}
.news-meta{display:block;margin-top:5px;color:#847e8e;font-size:11px}
.news-summary{display:block;overflow:hidden;max-height:0;margin-top:0;color:#c2b9cd;font-size:12px;line-height:1.8;opacity:0;transition:max-height .32s ease,margin-top .32s ease,opacity .26s ease}
.news-card:hover .news-summary,.news-card:focus-visible .news-summary{max-height:120px;margin-top:13px;opacity:1}
.news-arrow{align-self:start;margin-top:5px;color:#8d839f;font-size:18px;transition:transform .22s,color .22s}
.news-card:hover .news-arrow,.news-card:focus-visible .news-arrow{transform:translate(2px,-2px);color:#ccb0ff}
.news-ending{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--border);color:#837c8e;font-size:12px}
.news-ending a{color:#cbb3f5;font-weight:600}
.news-ending a:hover{color:var(--green)}
@media(max-width:760px){.news-main{padding-inline:20px}.news-hero{padding:56px 0 40px}.news-hero h1{font-size:40px;letter-spacing:-1.4px}.news-hero>p{font-size:13px}.news-hero-meta{gap:6px;margin-top:23px}.news-hero-meta span{font-size:10px}.news-content{padding:38px 0 52px}.news-section-head{display:block}.news-section-head h2{font-size:24px}.news-section-head p{max-width:none;margin:9px 0 0;text-align:left}.news-card{grid-template-columns:25px 48px minmax(0,1fr) 16px;gap:10px;min-height:110px;padding:14px 11px}.news-rank{font-size:10px}.news-copy strong{font-size:13px}.news-meta{font-size:10px}.news-category{font-size:9px}.news-summary{max-height:none;margin-top:12px;opacity:1}.news-arrow{font-size:15px}.news-source-note{padding:13px;gap:10px}.news-source-note p{font-size:11px}}
@media(hover:none){.news-summary{max-height:none;margin-top:12px;opacity:1}.news-card:hover{transform:none}}
@media(max-width:420px){.news-hero h1{font-size:34px}.news-card{grid-template-columns:20px 42px minmax(0,1fr) 13px;gap:8px}.news-copy strong{font-size:12px}.news-summary{font-size:11px}.news-ending{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.news-card{align-items:start;grid-template-columns:96px minmax(0,1fr) 16px;gap:12px}.news-rank{display:none}.news-thumbnail{width:96px;height:72px;margin-top:4px;border-radius:8px}.news-card:hover .news-summary,.news-card:focus-visible .news-summary{max-height:none}}
@media(max-width:420px){.news-card{grid-template-columns:80px minmax(0,1fr) 13px;gap:10px}.news-thumbnail{width:80px;height:60px}.news-copy strong{font-size:13px}}