.topics-hero{background:linear-gradient(120deg,#071e3d,#0b63d8);color:#fff;padding:95px 0;position:relative;overflow:hidden}.topics-hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border:70px solid rgba(255,255,255,.05);border-radius:50%}.topics-hero .section-kicker{color:#7ed0ff}.topics-hero h1{font:700 54px/1.05 "Space Grotesk";letter-spacing:-2.5px;margin:15px 0}.topics-hero em{font-style:normal;color:#77c8ff}.topics-hero p{max-width:610px;color:#c6d8eb;line-height:1.8;font-size:14px}.topics-section{padding:70px 0;background:#f5f8fc}.topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.topic-loading{grid-column:1/-1;text-align:center;color:#718095;padding:40px}.topic-card{background:#fff;border:1px solid #e2e9f1;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px rgba(10,35,70,.08);display:grid;grid-template-columns:220px 1fr;min-height:260px;transition:.25s}.topic-card:hover{transform:translateY(-4px)}.topic-card img{width:100%;height:100%;object-fit:cover;background:#eaf1ff}.topic-card__body{padding:28px}.topic-card span{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:1px}.topic-card h2{font:700 23px "Space Grotesk";margin:10px 0}.topic-card p{font-size:12px;line-height:1.75;color:#66758c}.topic-card a{display:inline-flex;align-items:center;border:0;background:var(--blue);color:#fff;border-radius:9px;padding:12px 16px;font-size:10px;font-weight:800;margin-top:8px}.topic-page-detail.hidden,.topics-grid.hidden{display:none}.topic-detail-page{background:#fff;border:1px solid #e2e9f1;border-radius:24px;overflow:hidden;box-shadow:0 22px 65px rgba(10,35,70,.09)}.topic-detail-page>img{width:100%;height:340px;object-fit:cover;background:#eaf1ff}.topic-detail-page__content{padding:38px 44px 46px}.topic-back{display:inline-flex;margin:0 0 24px;color:var(--blue);font-size:11px;font-weight:800}.topic-detail-page span{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:1px;text-transform:uppercase}.topic-detail-page h2{font:700 42px/1.08 "Space Grotesk";letter-spacing:-1.5px;margin:12px 0}.topic-summary{font-size:15px;line-height:1.8;color:#65758c;max-width:850px}.topic-search{margin:26px 0 18px}.topic-search input{width:100%;border:1px solid #dfe7f1;border-radius:14px;padding:16px 18px;font-size:13px;outline:0;background:#f8fbff}.topic-search input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(35,124,255,.12)}.topic-info-list{display:grid;gap:14px;margin-top:18px}.topic-info-card{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;border:1px solid #e4ebf3;border-radius:18px;padding:14px;background:#fff}.topic-info-card img{width:150px;height:120px;object-fit:cover;border-radius:14px;background:#eef4ff}.topic-info-card h3{font:700 22px "Space Grotesk";margin:7px 0}.topic-info-card p{font-size:13px;line-height:1.75;color:#52627a;margin:0}.topic-no-result{border:1px dashed #ccd7e5;border-radius:16px;padding:30px;text-align:center;color:#7a889b;font-size:13px}.topic-detail-page--empty{padding:44px}.topic-detail-page--empty h2{font-size:32px}.topic-detail-page--empty a{color:var(--blue);font-weight:800}
@media(max-width:900px){.topics-grid{grid-template-columns:1fr}.topic-card{grid-template-columns:180px 1fr}}
@media(max-width:620px){.topics-hero{padding:70px 0}.topics-hero h1{font-size:38px}.topic-card{grid-template-columns:1fr}.topic-card img{height:190px}.topic-card__body{padding:22px}.topic-detail-page>img{height:210px}.topic-detail-page__content{padding:25px 22px 30px}.topic-detail-page h2{font-size:31px}.topic-summary,.topic-info-card p{font-size:13px}.topic-info-card{grid-template-columns:1fr}.topic-info-card img{width:100%;height:180px}}