:root{
 --p24-bg:#f4f6fb;--p24-card:#fff;--p24-ink:#121622;--p24-muted:#697386;--p24-line:#e5e9f0;
 --p24-indigo:#5b5cf0;--p24-blue:#3b7cff;--p24-cyan:#24c6c8;--p24-lime:#c6f36a;--p24-dark:#161a24;
 --p24-pink:#ff8fb2;--p24-orange:#ffb46b;--p24-shadow:0 18px 52px rgba(35,44,86,.10);
}
body{background:
 radial-gradient(circle at 7% 3%,rgba(198,243,106,.12),transparent 18%),
 radial-gradient(circle at 95% 12%,rgba(91,92,240,.10),transparent 22%),
 var(--p24-bg)!important}
.v18-top{box-shadow:0 1px 0 rgba(20,25,45,.06)!important}.x23{padding-top:14px!important}
.p24-strip{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin:0 0 14px}
.p24-focus,.p24-pulse{border-radius:20px;overflow:hidden;position:relative}
.p24-focus{background:linear-gradient(135deg,#181d2a,#252b3d);color:#fff;padding:16px;min-height:130px}
.p24-focus:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-85px;background:radial-gradient(circle,rgba(198,243,106,.22),transparent 66%)}
.p24-focus small{font-size:8px;color:#9ea8bd;text-transform:uppercase;letter-spacing:.08em}.p24-focus h3{font-size:16px;margin:6px 0 4px}.p24-focus p{font-size:9px;color:#bdc5d4;margin:0;max-width:620px}.p24-focus-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:2}.p24-focus-actions a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#fff;text-decoration:none;font-size:8px;border-radius:999px;padding:6px 8px}.p24-focus-actions a.primary{background:var(--p24-lime);color:#172012;font-weight:900;border-color:transparent}
.p24-pulse{background:#fff;border:1px solid var(--p24-line);padding:14px}.p24-pulse-head{display:flex;justify-content:space-between;align-items:center}.p24-pulse h3{font-size:13px;margin:0}.p24-pulse small{font-size:8px;color:#7b8496}.p24-pulse-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.p24-pulse-item{border-radius:12px;background:#f7f8fa;padding:9px}.p24-pulse-item b{display:block;font-size:14px}.p24-pulse-item span{font-size:7px;color:#778194}
.p24-rec-shell{background:#fff;border:1px solid var(--p24-line);border-radius:22px;padding:15px;box-shadow:0 8px 28px rgba(35,44,86,.05);margin:14px 0}
.p24-rec-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}.p24-rec-head h2{font-size:17px;margin:0}.p24-rec-head p{font-size:9px;color:#778194;margin:3px 0 0}.p24-rec-head .p24-live{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#406457}.p24-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#42c486;box-shadow:0 0 0 4px rgba(66,196,134,.12)}
.p24-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.p24-tab{border:1px solid #e2e6ed;background:#f8f9fb;border-radius:999px;padding:6px 9px;font-size:8px;cursor:pointer;white-space:nowrap}.p24-tab.active{background:#1b1f2b;color:#fff;border-color:#1b1f2b}
.p24-viewport{position:relative;overflow:hidden}.p24-track{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:none;scroll-behavior:smooth}.p24-track::-webkit-scrollbar{display:none}
.p24-rec-card{flex:0 0 220px;scroll-snap-align:start;border:1px solid #e4e8ef;border-radius:17px;background:#fff;overflow:hidden;transition:.2s;box-shadow:0 6px 22px rgba(32,42,80,.04);text-decoration:none;color:inherit}.p24-rec-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(32,42,80,.11);border-color:#d4d9e7}
.p24-rec-cover{height:88px;padding:11px;position:relative;color:#fff;overflow:hidden}.p24-rec-cover:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-32px;top:-28px;border:1px solid rgba(255,255,255,.23);box-shadow:0 0 0 22px rgba(255,255,255,.06),0 0 0 44px rgba(255,255,255,.035)}.p24-rec-cover small{font-size:7px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.p24-rec-cover .icon{position:absolute;right:12px;bottom:8px;font-size:24px;font-weight:900;z-index:2}
.p24-rec-cover.net{background:linear-gradient(135deg,#465bf0,#2bc5c5)}.p24-rec-cover.code{background:linear-gradient(135deg,#7558ee,#ff89b0)}.p24-rec-cover.web{background:linear-gradient(135deg,#1495b7,#60d49e)}.p24-rec-cover.data{background:linear-gradient(135deg,#535bd2,#8f75ff)}.p24-rec-cover.learn{background:linear-gradient(135deg,#f08b5d,#ffbc72)}.p24-rec-cover.write{background:linear-gradient(135deg,#2e746f,#63c8b3)}.p24-rec-cover.cs{background:linear-gradient(135deg,#263443,#64778d)}
.p24-rec-body{padding:10px}.p24-rec-body b{font-size:10px;display:block;line-height:1.3;min-height:27px}.p24-rec-body p{font-size:8px;color:#7b8495;margin:4px 0}.p24-rec-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px}.p24-badge{font-size:7px;border-radius:999px;background:#f2f4f8;color:#657084;padding:4px 6px}.p24-action{font-size:8px;font-weight:900;color:#4d50d6}
.p24-arrow{position:absolute;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;border:1px solid #e0e4eb;background:rgba(255,255,255,.96);display:grid;place-items:center;cursor:pointer;z-index:4;box-shadow:0 8px 20px rgba(30,38,70,.10)}.p24-arrow.left{left:3px}.p24-arrow.right{right:3px}.p24-arrow:hover{background:#171b25;color:#fff}.p24-dots{display:flex;gap:5px;justify-content:center;margin-top:3px}.p24-dot{width:5px;height:5px;border-radius:50%;background:#d7dbe3}.p24-dot.active{width:16px;border-radius:999px;background:#5b5cf0}
.p24-streak{display:inline-flex;gap:6px;align-items:center;background:#fff8e8;border:1px solid #fae8b5;border-radius:999px;padding:5px 8px;font-size:8px;color:#765517}.p24-streak strong{font-size:9px}
.x23-course{transition:transform .22s ease,box-shadow .22s ease}.x23-course:hover .x23-cover .glyph{transform:scale(1.08) rotate(-2deg)}.x23-cover .glyph{transition:.22s}
.x23-category:hover .cat-icon{transform:translateY(-2px) scale(1.06)}.x23-category .cat-icon{transition:.2s}
@media(max-width:900px){.p24-strip{grid-template-columns:1fr}.p24-rec-card{flex-basis:205px}}@media(max-width:560px){.p24-rec-card{flex-basis:78%}.p24-arrow{display:none}.p24-pulse-row{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.learning-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.learning-offer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f7f8ff);border:1px solid #e3e7ef;border-radius:14px;padding:12px 14px;text-decoration:none;color:#171b28;box-shadow:0 8px 26px rgba(35,44,86,.05)}.learning-offer span{font-size:11px;font-weight:800}.learning-offer b{font-size:9px;color:#5055d7}.learning-offer:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(35,44,86,.09)}@media(max-width:640px){.learning-offers{grid-template-columns:1fr}}