.cs-hero{padding:clamp(140px,18vh,190px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.cs-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#f3f8fc09 0 1px,#0000 1px 120px),radial-gradient(45% 60% at 80% 45%,#ffc24b1f,#0000 70%);position:absolute;inset:0}.cs-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(40px,5vw,72px);display:grid;position:relative}@media (min-width:1000px){.cs-hero-grid{grid-template-columns:1.05fr .95fr}}.cs-hero-text{flex-direction:column;gap:24px;display:flex}.cs-actions{flex-wrap:wrap;gap:12px;display:flex}.cs-board{background:linear-gradient(160deg,#183d69bf,#0a1b31eb);border:1px solid #f3f8fc1f;border-radius:28px;flex-direction:column;gap:10px;padding:18px;transition:transform .7s cubic-bezier(.16,1,.3,1);display:flex;transform:rotate(-1.5deg);box-shadow:0 50px 90px -50px #000000e6,inset 0 1px #ffffff0f}.cs-board:hover{transform:none}.cs-board-head{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#9cb2cb;align-items:center;gap:10px;padding:4px 6px 8px;display:flex}.cs-live{background:#2ecc71;border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite cs-live;box-shadow:0 0 #2ecc7199}@keyframes cs-live{to{box-shadow:0 0 0 9px #2ecc7100}}.cs-board-row{background:#0a1b318c;border:1px solid #f3f8fc14;border-radius:18px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;transition:border-color .3s,background .3s,transform .4s cubic-bezier(.16,1,.3,1);display:grid}.cs-board-row:hover{color:#f3f8fc;background:#0a1b31cc;border-color:#ffc24b73;transform:translate(6px)}.cs-board-row img{object-fit:cover;border-radius:14px;width:64px;height:64px}.cs-board-t{flex-direction:column;gap:3px;min-width:0;display:flex}.cs-board-t small{font-family:var(--font-mono);font-size:var(--text-min);letter-spacing:.1em;text-transform:uppercase;color:#7cc4ee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-board-t b{font-size:var(--text-sm);color:#f3f8fc;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cs-board-v{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.cs-board-v b{letter-spacing:-.05em;color:var(--action);font-size:clamp(28px,2.6vw,38px);font-weight:700;line-height:1}.cs-board-v small{font-size:var(--text-min);color:#c9d6e4;white-space:nowrap}.cs-stats{background:#f3f8fc0a;border:1px solid #f3f8fc1a;border-radius:999px;flex-wrap:wrap;margin:clamp(48px,6vw,80px) 0 0;padding:6px;list-style:none;display:flex}.cs-stats li{border-radius:999px;flex:200px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;display:flex}.cs-stats li:first-child{background:var(--action)}.cs-stats li:first-child b,.cs-stats li:first-child span{color:var(--ink)}.cs-stats b{letter-spacing:-.04em;color:#fff;font-size:clamp(26px,2.4vw,36px);font-weight:700;line-height:1}.cs-stats span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#9cb2cb}@media (max-width:760px){.cs-stats{border-radius:24px}.cs-stats li{border-radius:18px;flex-basis:40%}}.cs-ticker{background:linear-gradient(90deg,#0a1b31,#10284a 50%,#0a1b31);border-block:1px solid #f3f8fc1a;padding:22px 0;overflow:hidden}.cs-ticker-track{width:max-content;animation:70s linear infinite cs-tick;display:flex}.cs-ticker-set{display:flex}.cs-ticker span{color:#c9d6e4;white-space:nowrap;align-items:baseline;gap:10px;padding-right:26px;font-size:clamp(16px,1.4vw,20px);font-weight:500;display:inline-flex}.cs-ticker b{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.2px var(--action);font-size:clamp(26px,2.6vw,38px);font-weight:700}.cs-ticker i{color:#7cc4ee73;padding-left:16px;font-style:normal}@keyframes cs-tick{to{transform:translate(-50%)}}.cs-lib{border-top:0}.cs-lib-head{flex-direction:column;gap:18px;margin-bottom:clamp(28px,3vw,40px);display:flex}.cs-lib-head .pg-p{max-width:70ch}.cl-filters{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.cl-seg{background:#f3f8fc0d;border:1px solid #f3f8fc1f;border-radius:999px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:5px;display:inline-flex}.cl-seg button{all:unset;cursor:pointer;font-size:var(--text-sm);color:#c9d6e4;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:background .3s,color .3s;display:inline-flex}.cl-seg button i{font-style:normal;font-family:var(--font-mono);font-size:var(--text-min);background:#f3f8fc14;border-radius:999px;padding:2px 7px;font-weight:500}.cl-seg button:hover{color:#fff}.cl-seg button[aria-pressed=true]{color:var(--ink);background:var(--action)}.cl-seg button[aria-pressed=true] i{background:#0a1b3126}.cl-seg button:focus-visible,.cl-chips button:focus-visible{outline-offset:2px;outline:2px solid #7cc4ee}.cl-chips{flex-wrap:wrap;gap:8px;display:flex}.cl-chips button{all:unset;cursor:pointer;font-size:var(--text-sm);color:#9cb2cb;border:1px dashed #f3f8fc2e;border-radius:10px;padding:7px 13px;transition:color .3s,border-color .3s,background .3s}.cl-chips button:hover{color:#fff;border-color:#7cc4ee80}.cl-chips button[aria-pressed=true]{color:#fff;background:#7cc4ee1f;border-style:solid;border-color:#7cc4ee}.cl-count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#9cb2cb;margin:0 0 22px}.cl-count b{color:var(--action);font-weight:600}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;display:grid}.rv-on .cl-grid.is-shown [data-rv]{opacity:1;transition:none;animation:.6s cubic-bezier(.16,1,.3,1) both cl-in;transform:none}@keyframes cl-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}.cl-grid .cl-card{color:#0a1b31;background:#fff;border-radius:24px;flex-direction:column;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s;display:flex;overflow:hidden;box-shadow:0 24px 50px -32px #000000e6}.cl-card:hover,.cl-card:focus-visible{color:#0a1b31;transform:translateY(-6px);box-shadow:0 36px 60px -30px #000000f2}.cl-cover{aspect-ratio:16/10;background:#152e50;display:block;position:relative;overflow:hidden}.cl-cover img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);display:block}.cl-card:hover .cl-cover img{transform:scale(1.06)}.cl-plat{font-family:var(--font-mono);font-size:var(--text-min);letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);background:#0a1b31b8;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex;position:absolute;top:12px;left:12px}.cl-open{width:44px;height:44px;color:var(--ink);background:var(--action);opacity:0;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .35s;display:grid;position:absolute;bottom:12px;right:12px;transform:scale(.5)rotate(-45deg)}.cl-card:hover .cl-open,.cl-card:focus-visible .cl-open{opacity:1;transform:none}.cl-body{flex-direction:column;flex:1;gap:8px;padding:20px 22px 18px;display:flex}.cl-cat{font-family:var(--font-mono);font-size:var(--text-min);letter-spacing:.1em;text-transform:uppercase;color:#1f6fb2}.cl-card h3{color:#0a1b31;font-size:var(--text-h4);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0;font-weight:600}.cl-sum{font-size:var(--text-sm);color:#48607d;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.cl-result{color:#f3f8fc;background:#0a1b31;border-radius:14px;align-items:baseline;gap:12px;margin:0 14px 14px;padding:14px 16px;display:flex;position:relative}.cl-result:before{content:"";border-top:2px dashed #0a1b3126;position:absolute;top:-8px;left:4px;right:4px}.cl-result b{letter-spacing:-.04em;color:var(--action);white-space:nowrap;font-size:28px;font-weight:700;line-height:1}.cl-result span{font-size:var(--text-sm);color:#c9d6e4}.cs-read .pg-wrap{flex-direction:column;gap:32px;display:flex}.cs-read-cols{border-top:2px solid #0a1b31;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.cs-read-col{flex-direction:column;gap:14px;padding:24px 28px 8px 0;display:flex}.cs-read-col+.cs-read-col{border-left:1px solid #0a1b311f;padding-left:28px}.cs-read-col>span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:#1f6fb2}.cs-read-col p{font-size:var(--text-body);line-height:var(--lh-body);color:#2c4766;margin:0}@media (max-width:960px){.cs-read-col+.cs-read-col{border-top:1px solid #0a1b311f;border-left:0;padding-left:0}}.cs-read-quote{color:#f3f8fc;background:#0a1b31;border-radius:28px;gap:20px;margin:0;padding:clamp(26px,3.5vw,44px);display:flex;position:relative}.cs-read-quote svg{color:var(--action);flex:none}.cs-read-quote p{letter-spacing:-.01em;margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:500;line-height:1.45}@media (prefers-reduced-motion:reduce){.cs-ticker-track,.cs-live{animation:none}}@media (max-width:640px){.cl-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px;padding:2px 20px 8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.cl-chips::-webkit-scrollbar{display:none}.cl-chips button{white-space:nowrap;flex:none}.cs-board{padding:14px;transform:none}.cs-board-row{grid-template-columns:minmax(0,1fr) auto}.cs-board-row img{display:none}.cs-board-v small{white-space:normal;max-width:12ch}}@media (max-width:760px){.cs-stats{flex-direction:column;gap:4px;padding:8px}.cs-stats li{text-align:left;border-radius:16px;flex:none;grid-template-columns:96px minmax(0,1fr);justify-content:start;align-items:center;gap:14px;padding:12px 18px;display:grid}.cs-stats b{text-align:right}.cs-stats span{line-height:1.35}}@media (max-width:640px){.cl-seg{scrollbar-width:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;gap:8px;width:auto;max-width:none;margin:0 -20px;padding:2px 20px 6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.cl-seg::-webkit-scrollbar{display:none}.cl-seg button{white-space:nowrap;background:#f3f8fc0d;border:1px solid #f3f8fc1f;flex:none;padding:9px 14px}.cl-seg button[aria-pressed=true]{border-color:var(--action)}}.cl-grid{align-items:stretch}.cl-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.cl-read{font-size:var(--text-sm);color:#1f6fb2;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-weight:600;display:inline-flex}.cl-card:hover .cl-read svg{transform:translate(2px,-2px)}.cl-read svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.cl-more{flex-direction:column;align-items:center;gap:12px;margin-top:36px;display:flex}.cl-more-bar{background:#f3f8fc1f;border-radius:3px;width:min(240px,60%);height:3px;overflow:hidden}.cl-more-bar i{background:var(--action);height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);display:block}.cl-more-t{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#9cb2cb}.cl-more button{all:unset;cursor:pointer;color:#f3f8fc;border:1px solid #f3f8fc40;border-radius:999px;padding:13px 26px;font-size:16px;font-weight:600;transition:background .3s,border-color .3s,color .3s}.cl-more button:hover{color:var(--ink);background:var(--action);border-color:var(--action)}.cl-more button:focus-visible{outline-offset:2px;outline:2px solid #7cc4ee}@media (max-width:640px){.cl-grid{grid-template-columns:1fr;gap:12px}.cl-grid .cl-card{border-radius:18px;grid-template-rows:auto auto;grid-template-columns:116px minmax(0,1fr);display:grid}.cl-cover{aspect-ratio:auto;grid-row:1/3;height:100%;min-height:132px}.cl-plat{gap:4px;padding:3px 7px;font-size:10px;top:6px;left:6px}.cl-plat svg,.cl-open,.cl-sum{display:none}.cl-body{gap:4px;padding:12px 14px 4px}.cl-cat{letter-spacing:.06em;font-size:10.5px}.cl-card h3{min-height:0;font-size:16px;line-height:1.25}.cl-read{display:none}.cl-result{border-radius:10px;grid-column:2;align-items:baseline;gap:8px;margin:6px 12px 12px 14px;padding:8px 10px}.cl-result:before{display:none}.cl-result b{font-size:18px}.cl-result span{font-size:12.5px;line-height:1.3}}
