*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.sp{--sp-blue: #003056;--sp-blue-dark: #00223d;--sp-blue-tint: #E5EBF1;--sp-gold: #FFC63E;--sp-gray-dark: #434345;--sp-gray: #58595B;--sp-gray-light: #808285;--sp-border: #e5e7eb;--sp-muted-bg: #f5f7fa;color:#374151;line-height:1.6;background:var(--sp-muted-bg)}.sp-section{padding:48px 20px 64px}.sp-container{max-width:1200px;margin:0 auto}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:none;border-radius:8px;background:var(--sp-blue);font-family:inherit;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.sp-btn:hover{background:var(--sp-blue-dark)}.sp-btn:focus-visible,.sp-cat:focus-visible,.sp-page:focus-visible,.sp-reset:focus-visible,.sp-filter-toggle:focus-visible,.sp-card-title a:focus-visible{outline:3px solid var(--sp-gold);outline-offset:2px}.sp-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--sp-blue-tint);color:var(--sp-blue);font-size:12px;font-weight:700;line-height:1.6}.sp-filter{margin-bottom:18px;background:#fff;border:1px solid var(--sp-border);border-radius:16px;box-shadow:0 10px 30px #0030560f}.sp-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.sp-control{position:relative}.sp-control>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--sp-gray-light);pointer-events:none}.sp-control input,.sp-control select{width:100%;height:46px;padding:0 14px 0 40px;border:1.5px solid #dcdfe4;border-radius:10px;background-color:#fff;font-family:inherit;font-size:15px;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.sp-control select{cursor:pointer}.sp-control input:focus,.sp-control select:focus{outline:none;border-color:var(--sp-blue);box-shadow:0 0 0 3px #0030561f}.sp-control--category{display:none}.sp-filter-toggle{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:1.5px solid #dcdfe4;border-radius:10px;background:#fff;font-family:inherit;font-size:15px;font-weight:600;color:var(--sp-gray-dark);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.sp-filter-toggle[aria-expanded=true]{border-color:var(--sp-blue);background:var(--sp-blue);color:#fff}.sp-filter-badge{min-width:20px;padding:0 6px;border-radius:999px;background:var(--sp-gold);color:var(--sp-blue);font-size:12px;font-weight:700;line-height:20px;text-align:center}.sp-filter-badge[hidden]{display:none}.sp-filter-more{display:none;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sp-filter.is-expanded .sp-filter-more{display:grid}.sp-filter-cats{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #eef0f3}.sp-cats{display:flex;flex:1;flex-wrap:wrap;gap:8px;min-width:0}.sp-filter:not(.is-expanded) .sp-cats{display:none}.sp-filter:not(.is-expanded) .sp-filter-cats{justify-content:flex-end;padding:8px 14px}.sp-filter:not(.is-expanded):not(.has-active-filter) .sp-filter-cats{display:none}.sp-cat{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1.5px solid var(--sp-border);border-radius:999px;background:#fff;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--sp-gray-dark);white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.sp-cat:hover{border-color:var(--sp-blue);color:var(--sp-blue)}.sp-cat-count{min-width:24px;padding:0 7px;border-radius:999px;background:var(--sp-blue-tint);color:var(--sp-blue);font-size:12px;font-weight:700;line-height:20px;text-align:center}.sp-cat[aria-pressed=true]{border-color:var(--sp-blue);background:var(--sp-blue);color:#fff}.sp-cat[aria-pressed=true] .sp-cat-count{background:var(--sp-gold);color:var(--sp-blue)}.sp-reset{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 4px;border:none;background:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--sp-blue);cursor:pointer}.sp-reset[hidden]{display:none}.sp-reset:hover{text-decoration:underline}.sp-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-summary{min-height:1.6em;margin-bottom:16px;font-size:14px;color:var(--sp-gray)}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;transition:opacity .2s ease}.sp-grid.is-loading{opacity:.45;pointer-events:none}.sp-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--sp-border);border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}.sp-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0030561f}.sp-card-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;overflow:hidden;background:var(--sp-blue-tint)}.sp-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.sp-card:hover .sp-card-media img{transform:scale(1.04)}.sp-card-fallback{color:var(--sp-blue);font-size:40px;opacity:.3}.sp-card-media img:not([hidden])+.sp-card-fallback{display:none}.sp-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 20px}.sp-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--sp-gray-light)}.sp-card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;font-weight:700;line-height:1.4;color:var(--sp-blue)}.sp-card-title a{color:inherit;text-decoration:none}.sp-card-title a:after{content:"";position:absolute;inset:0;z-index:2}.sp-card-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--sp-gray)}.sp-card-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:14px;font-weight:700;color:var(--sp-blue)}.sp-card-more i{transition:transform .2s ease}.sp-card:hover .sp-card-more i{transform:translate(4px)}.sp-card--featured{grid-column:span 2;grid-row:span 2;min-height:460px;border:none}.sp-card--featured .sp-card-media{position:absolute;inset:0;aspect-ratio:auto}.sp-card--featured .sp-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00223d00 30%,#00223deb)}.sp-card--featured .sp-card-body{position:relative;z-index:1;justify-content:flex-end;gap:12px;padding:28px 32px 30px;color:#fff}.sp-card--featured .sp-card-meta{color:#fffc}.sp-card--featured .sp-chip{background:#ffc63e2e;color:var(--sp-gold)}.sp-card--featured .sp-card-title{font-size:clamp(20px,2.4vw,28px);line-height:1.3;color:#fff}.sp-card--featured .sp-card-excerpt{-webkit-line-clamp:2;max-width:640px;font-size:15px;color:#ffffffd9}.sp-card--featured .sp-card-more{flex:0 0 auto;margin-top:4px;color:var(--sp-gold)}.sp-badge-latest{position:absolute;top:20px;left:20px;z-index:1;padding:5px 12px;border-radius:999px;background:var(--sp-gold);color:var(--sp-blue);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sp-state{grid-column:1 / -1;padding:56px 20px;text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:16px}.sp-state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;border-radius:50%;background:var(--sp-blue-tint);color:var(--sp-blue);font-size:24px}.sp-state--error .sp-state-icon{background:#fdecec;color:#b42318}.sp-state h3{font-size:18px;color:var(--sp-blue)}.sp-state p{margin:6px 0 16px;color:var(--sp-gray)}.sp-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:32px}.sp-pagination:empty{display:none}.sp-page{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--sp-border);border-radius:10px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--sp-gray-dark);cursor:pointer;transition:border-color .2s ease,color .2s ease}.sp-page:hover:not(:disabled){border-color:var(--sp-blue);color:var(--sp-blue)}.sp-page.is-active{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}.sp-page:disabled{opacity:.45;cursor:not-allowed}.sp-page-gap{padding:0 4px;color:var(--sp-gray-light)}@media(max-width:1024px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-card--featured{grid-row:auto;min-height:400px}}@media(max-width:768px){.sp-section{padding:32px 16px 48px}.sp-filter-more{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-control--category,.sp-control--sort{display:block;grid-column:1 / -1}.sp-cats{display:none}.sp-filter-cats{justify-content:flex-end;padding:8px 14px}.sp-filter:not(.has-active-filter) .sp-filter-cats{display:none}}@media(max-width:640px){.sp-grid{grid-template-columns:minmax(0,1fr);gap:16px}.sp-card--featured{grid-column:auto;min-height:380px}.sp-card--featured .sp-card-body{padding:22px 20px 24px}.sp-filter-row{padding:12px}}@media(prefers-reduced-motion:reduce){.sp-card,.sp-card-media img,.sp-grid,.sp-card-more i{transition:none}.sp-card:hover,.sp-card:hover .sp-card-media img{transform:none}}