.codes-hub-body{color:#dbe7f6;background:radial-gradient(circle at 14% 0%,rgba(29,78,216,.3),transparent 30rem),radial-gradient(circle at 86% 0%,rgba(56,189,248,.14),transparent 24rem),linear-gradient(180deg,#07152d,#071126)}.codes-hub-page{width:100%;max-width:76rem;margin:0 auto 4rem;padding:.2rem 0 0}.codes-hub-hero,.codes-hub-controls,.codes-hub-trending,.codes-hub-listings{border:1px solid rgba(96,165,250,.22);border-radius:.95rem;background:#081831d6;box-shadow:0 1.2rem 2.8rem #02061759}.codes-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:1rem;align-items:center;padding:1.5rem}.codes-hub-eyebrow{margin:0;color:#8ec5ff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.codes-hub-hero h1{margin:.25rem 0 0;color:#fff;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.codes-hub-hero p{margin:.7rem 0 0;max-width:40rem;color:#9fb3cc;line-height:1.55}.codes-hub-hero__icon{display:grid;width:100%;aspect-ratio:1/1;place-items:center;color:#dbeafe;background:radial-gradient(circle at 30% 25%,#60a5fa85,#1d4ed84d);border:1px solid rgba(147,197,253,.45);border-radius:1rem;font-size:2rem;font-weight:900}.codes-hub-controls{margin-top:.9rem;padding:.8rem}.codes-hub-search{display:flex;align-items:center;gap:.55rem;min-height:2.8rem;padding:0 .75rem;background:#0b1a31c7;border:1px solid rgba(148,163,184,.25);border-radius:.65rem}.codes-hub-search span{color:#8ca3bc}.codes-hub-search input{width:100%;color:#f8fbff;background:transparent;border:0;outline:0;font:inherit}.codes-hub-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.codes-hub-filter{min-height:2rem;padding:.35rem .7rem;color:#c9dbef;background:#0f1d34b3;border:1px solid rgba(148,163,184,.25);border-radius:999px;font:inherit;font-size:.8rem;font-weight:760;cursor:pointer}.codes-hub-filter.is-active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8}.codes-hub-trending{margin-top:.85rem;padding:.75rem}.codes-hub-trending h2{margin:0 0 .6rem;color:#e2e8f0;font-size:.94rem}.codes-hub-trending__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.codes-hub-trending__pill{display:flex;align-items:center;gap:.55rem;min-height:2.5rem;padding:.4rem .5rem;color:#dbeafe;background:#0f1f38c2;border:1px solid rgba(148,163,184,.2);border-radius:.62rem;font-size:.84rem;font-weight:750;text-decoration:none}.codes-hub-trending__pill img{width:1.55rem;height:1.55rem;object-fit:cover;border-radius:.35rem}.codes-hub-listings{margin-top:.85rem;padding:.8rem}.codes-hub-listings__header{display:flex;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:.65rem}.codes-hub-listings__header p{margin:0;color:#dbeafe;font-weight:750}.codes-hub-listings__header select{min-height:2.2rem;padding:0 .6rem;color:#dbeafe;background:#0f1e35c7;border:1px solid rgba(148,163,184,.28);border-radius:.55rem;font:inherit;font-size:.82rem}.codes-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.codes-hub-card{display:grid;gap:.62rem;padding:.65rem;background:#0d1c32e0;border:1px solid rgba(96,165,250,.22);border-radius:.75rem}.codes-hub-card__head{display:grid;grid-template-columns:3.55rem minmax(0,1fr);gap:.55rem;align-items:center}.codes-hub-card__head img{width:3.55rem;height:3.55rem;object-fit:cover;border-radius:.55rem}.codes-hub-card__head h3{margin:0;color:#f8fbff;font-size:1rem}.codes-hub-card__head span{display:inline-block;margin-top:.28rem;padding:.22rem .45rem;color:#86efac;background:#1665346b;border-radius:999px;font-size:.72rem;font-weight:780}.codes-hub-card__description{display:-webkit-box;min-height:3.9em;margin:0;overflow:hidden;color:#b8c8dd;font-size:.78rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.codes-hub-card__meta{display:grid;gap:.25rem}.codes-hub-card__meta small{color:#9fb3cc;font-size:.76rem;font-weight:660}.codes-hub-card__action{display:inline-flex;min-height:2.1rem;align-items:center;justify-content:center;color:#bfdbfe;background:#1d4ed833;border:1px solid rgba(96,165,250,.36);border-radius:.5rem;font-size:.82rem;font-weight:780;text-decoration:none}.codes-hub-load-state{display:flex;justify-content:center;align-items:center;min-height:2.4rem;margin-top:.8rem;color:#9fb3cc;font-size:.82rem;font-weight:720;text-align:center}.codes-hub-sentinel{width:100%;height:1px}.codes-hub-sentinel--done{opacity:.5}.codes-hub-pagination{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:.85rem}.codes-hub-pagination button,.codes-hub-pagination span{min-width:2rem;min-height:2rem;padding:0 .45rem;color:#dbeafe;background:#0f1e35c7;border:1px solid rgba(148,163,184,.22);border-radius:.42rem;font:inherit;font-size:.82rem;font-weight:740}.codes-hub-pagination .is-active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8}.codes-hub-hidden{display:none!important}.codes-hub-content{display:grid;gap:1rem;padding:clamp(1rem,2.8vw,1.35rem);border:1px solid rgba(96,165,250,.2);border-radius:1rem;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 22rem),#0a162dd1;box-shadow:0 1rem 2.8rem #0206174d}.codes-hub-content__eyebrow{margin:0 0 .35rem;color:#60a5fa;font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.codes-hub-content h2,.codes-hub-content h3{margin:0;color:#f8fbff}.codes-hub-content h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}.codes-hub-content p{max-width:58rem;margin:.55rem 0 0;color:#b8c8dd;line-height:1.65}.codes-hub-content__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.codes-hub-content__grid article{padding:.9rem;border:1px solid rgba(96,165,250,.2);border-radius:.85rem;background:#0f1f39b8}.codes-hub-content__grid h3{font-size:.98rem}.codes-hub-content__grid p{font-size:.9rem}@media(max-width:980px){.codes-hub-hero{grid-template-columns:1fr}.codes-hub-hero__icon{max-width:7rem}.codes-hub-trending__row,.codes-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codes-hub-content__grid{grid-template-columns:1fr}}@media(max-width:640px){.codes-hub-listings__header{display:grid}.codes-hub-grid{grid-template-columns:1fr}}