*{box-sizing:border-box;margin:0;padding:0}:root{--hub-navy:#1a2332;--hub-navy-light:#1e2a3d;--hub-navy-dark:#0f1520;--hub-card-bg:#151d2c;--hub-teal:#40b5ad;--hub-purple:#9b6dcc;--hub-orange:#e5a33d;--hub-gray:#6b7280;--hub-green:#4ade80;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.4)}body{background-color:var(--hub-navy-dark);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5}.container{margin:auto;max-width:1200px}.section-header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem 2rem}.version-badge{background-color:var(--hub-teal);border-radius:9999px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.section-title h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.section-title p{color:var(--text-muted);font-size:.875rem}.main{background-color:var(--hub-navy);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.cards-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background-color:var(--hub-navy-light);border-radius:8px;overflow:hidden;transition:all .3s ease}.card:hover{background-color:#243044;box-shadow:0 12px 24px rgba(0,0,0,.25);transform:translateY(-2px)}.card-accent{height:3px}.accent-orange{background-color:var(--hub-orange)}.accent-purple{background-color:var(--hub-purple)}.accent-teal{background-color:var(--hub-teal)}.accent-green{background-color:var(--hub-green)}.accent-gray{background-color:var(--hub-gray)}.card-content{display:flex;flex-direction:column;height:100%;padding:1rem}.card-title{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3;margin-bottom:.75rem;transition:color .3s ease}.card:hover .card-title{color:var(--hub-teal)}.card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.tag{border-radius:4px;color:var(--text-primary);font-size:.6875rem;font-weight:500;padding:.25rem .5rem}.tag-orange{background-color:var(--hub-orange)}.tag-purple{background-color:var(--hub-purple)}.tag-teal{background-color:var(--hub-teal)}.tag-green{background-color:var(--hub-green)}.tag-gray{background-color:var(--hub-gray)}.product-list{flex:1;list-style:none}.product-list li{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.625rem;padding:.5rem 0;transition:color .2s ease}.product-list li:last-child{border-bottom:none}.product-list li:hover{color:hsla(0,0%,100%,.9)}.bullet{border-radius:50%;flex-shrink:0;height:6px;margin-top:.375rem;transition:transform .2s ease;width:6px}.product-list li:hover .bullet{transform:scale(1.3)}.bullet.orange{background-color:var(--hub-orange)}.bullet.purple{background-color:var(--hub-purple)}.bullet.teal{background-color:var(--hub-teal)}.bullet.green{background-color:var(--hub-green)}.bullet.gray{background-color:var(--hub-gray)}.card-footer{border-top:1px solid hsla(0,0%,100%,.05);margin-top:1rem;padding-top:.75rem}.product-count{color:var(--text-muted);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.section-header{flex-direction:column;gap:.75rem}.cards-grid{grid-template-columns:1fr}.main{margin:0 1rem 1rem;padding:1rem}}@media (min-width:1200px){.cards-grid{grid-template-columns:repeat(5,1fr)}}