:root{--cs-primary-color:#22c55e;--cs-text-color:#fafafa;--cs-bg-color:#0f1419;--cs-header-bg-color:#1a1f26;--cs-border-color:#2d333b;--cs-border-radius:12px;--cs-logo-bg-color:#1e252d;--cs-cta-bg-color:#22c55e;--cs-cta-text-color:#ffffff;--cs-load-more-bg-color:#2d333b;--cs-load-more-text-color:#ffffff;--cs-font-size:16px;--cs-logo-width:64px;--cs-logo-height:64px;--cs-card-spacing:16px;--cs-load-more-spacing:32px;--cs-container-margin-top:40px;--cs-container-margin-bottom:40px;--cs-card-bg:var(--cs-header-bg-color);--cs-card-elevated:var(--cs-logo-bg-color);--cs-muted:color-mix(in srgb, var(--cs-text-color) 55%, transparent);--cs-accent:#fbbf24;--cs-bonus-gradient:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--cs-cta-gradient:linear-gradient(135deg, var(--cs-cta-bg-color) 0%, color-mix(in srgb, var(--cs-cta-bg-color) 80%, #000) 100%);--cs-cta-hover-gradient:linear-gradient(135deg, color-mix(in srgb, var(--cs-cta-bg-color) 90%, #fff) 0%, var(--cs-cta-bg-color) 100%);--cs-card-gradient:linear-gradient(180deg, var(--cs-card-bg) 0%, color-mix(in srgb, var(--cs-card-bg) 85%, #000) 100%);--cs-shadow-card:0 4px 24px -4px rgba(0, 0, 0, 0.4);--cs-shadow-card-hover:0 8px 32px -4px rgba(0, 0, 0, 0.5);--cs-shadow-glow:0 4px 30px -8px color-mix(in srgb, var(--cs-primary-color) 30%, transparent);--cs-transition:0.3s ease}.cs-container{max-width:1200px;margin:var(--cs-container-margin-top) auto var(--cs-container-margin-bottom);padding:var(--cs-container-padding-top,0) 1rem var(--cs-container-padding-bottom,0);background-color:var(--cs-bg-color);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--cs-font-size);color:var(--cs-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cs-list{display:flex;flex-direction:column;gap:var(--cs-card-spacing)}.cs-list__body{display:flex;flex-direction:column;gap:var(--cs-card-spacing)}.cs-list__header{display:none}.cs-card{position:relative;overflow:hidden;border-radius:var(--cs-border-radius);border:1px solid var(--cs-border-color);background:var(--cs-card-gradient);box-shadow:var(--cs-shadow-card);transition:all var(--cs-transition)}.cs-card:hover{box-shadow:var(--cs-shadow-card-hover);border-color:color-mix(in srgb,var(--cs-primary-color) 30%,transparent);transform:translateY(-2px)}.cs-card--first{box-shadow:var(--cs-shadow-glow),var(--cs-shadow-card)}.cs-card__position-badge{position:absolute;left:-1px;top:-1px;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--cs-primary-color);color:var(--cs-text-color);font-weight:700;font-size:.8em;border-radius:var(--cs-border-radius) 0 var(--cs-border-radius) 0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.cs-card__main{padding:1rem 1.25rem}.cs-card__desktop-layout{display:none}.cs-card__mobile-layout{display:flex;flex-direction:column;gap:1rem;overflow:hidden}@media (min-width:768px){.cs-card__main{padding:1.25rem 1.5rem}.cs-card__desktop-layout{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.5rem}.cs-card__mobile-layout{display:none}}.cs-card__logo{position:relative;flex-shrink:0;width:var(--cs-logo-width);height:var(--cs-logo-height);overflow:hidden;border-radius:calc(var(--cs-border-radius) - 4px);background:var(--cs-card-elevated);padding:4px}.cs-card__logo img{width:100%;height:100%;object-fit:contain;border-radius:calc(var(--cs-border-radius) - 6px)}@media (max-width:767px){.cs-card__logo{width:56px;height:56px}}.cs-card__info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.cs-card__header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cs-card__name{margin:0;font-size:1.125em;font-weight:700;color:var(--cs-text-color);line-height:1.3}.cs-card__rating{display:flex;align-items:center;gap:.5rem}.cs-card__stars{display:flex;align-items:center;gap:2px}.cs-card__star{width:14px;height:14px;color:var(--cs-accent)}.cs-card__star--filled{fill:var(--cs-accent)}.cs-card__star--half{fill:color-mix(in srgb,var(--cs-accent) 50%,transparent)}.cs-card__star--empty{fill:var(--cs-border-color);color:color-mix(in srgb,var(--cs-text-color) 30%,transparent)}.cs-card__rating-text{font-size:.875em;color:var(--cs-muted)}.cs-card__features{display:flex;flex-wrap:wrap;gap:.5rem}.cs-card__feature{display:inline-flex;align-items:center;gap:6px;padding:.375rem .75rem;background:color-mix(in srgb,var(--cs-border-color) 70%,transparent);border-radius:9999px;font-size:.75em;font-weight:500;color:color-mix(in srgb,var(--cs-text-color) 90%,transparent);white-space:nowrap}.cs-card__feature-icon{font-size:.875em;line-height:1}.cs-card__features-track{display:contents}@keyframes cs-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:767px){.cs-card__features{display:flex;flex-wrap:nowrap;gap:.5rem;overflow:hidden;margin:0 -1rem;padding:0 1rem .5rem;mask-image:linear-gradient(to right,transparent 0,black 1rem,black calc(100% - 1rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 1rem,black calc(100% - 1rem),transparent 100%)}.cs-card__features-track{display:flex;gap:.5rem;animation:cs-marquee 15s linear infinite;width:max-content}.cs-card__features-track:hover{animation-play-state:paused}.cs-card__features .cs-card__feature{flex-shrink:0}}.cs-card__bonus{text-align:right;flex-shrink:0;min-width:120px}.cs-card__bonus-amount{font-size:1em;font-weight:700;background:var(--cs-bonus-gradient);-webkit-background-clip:text;background-clip:text;color:var(--cs-text-color);line-height:1.2;white-space:nowrap}.cs-card__bonus-amount span{font-size:1.5em;font-weight:900;color:var(--cs-primary-color)}.cs-card__bonus-subtext{font-size:.75em;color:var(--cs-muted);margin-top:2px}@media (max-width:767px){.cs-card__bonus{text-align:right;min-width:auto;flex-shrink:1}.cs-card__bonus-amount{font-size:.875em;line-height:1.3;white-space:normal}.cs-card__bonus-amount span{color:var(--cs-primary-color);font-size:1em;font-weight:900}.cs-card__bonus-subtext{font-size:.625em}}.cs-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:calc(var(--cs-border-radius) - 4px);font-size:.9375em;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--cs-transition);white-space:nowrap}.cs-btn--primary{background:var(--cs-cta-gradient);color:var(--cs-cta-text-color);box-shadow:var(--cs-shadow-glow);min-width:120px;text-transform:uppercase}.cs-btn--primary:hover,.cs-btn--primary:focus{background:var(--cs-cta-hover-gradient);color:var(--cs-cta-text-color);text-decoration:none;transform:translateY(-1px)}@media (max-width:767px){.cs-btn--primary{width:100%;padding:.875rem 1.5rem}}.cs-btn--load-more{background:var(--cs-load-more-bg-color);color:var(--cs-load-more-text-color);padding:.875rem 2rem}.cs-btn--load-more:hover,.cs-btn--load-more:focus{background:color-mix(in srgb,var(--cs-load-more-bg-color) 85%,#fff);color:var(--cs-load-more-text-color);text-decoration:none}.cs-btn--load-more:disabled{opacity:.6;cursor:not-allowed}@media (max-width:767px){.cs-card__top-row{display:flex;align-items:flex-start;gap:.75rem}.cs-card__top-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cs-card__name{font-size:1em}}.cs-card__toggle{width:100%;border-top:1px solid color-mix(in srgb,var(--cs-border-color) 50%,transparent);padding:.75rem;background:transparent;border-left:none;border-right:none;border-bottom:none;cursor:pointer;transition:background var(--cs-transition)}.cs-card__toggle:hover{background:color-mix(in srgb,var(--cs-border-color) 30%,transparent)}.cs-card__toggle-inner{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875em;color:var(--cs-muted);transition:color var(--cs-transition)}.cs-card__toggle:hover .cs-card__toggle-inner{color:var(--cs-text-color)}.cs-card__toggle-icon{width:16px;height:16px;transition:transform var(--cs-transition)}.cs-card__toggle--active .cs-card__toggle-icon{transform:rotate(180deg)}.cs-card__toggle-details{display:none}.cs-card__details{display:none;border-top:1px solid color-mix(in srgb,var(--cs-border-color) 50%,transparent);background:color-mix(in srgb,var(--cs-border-color) 20%,transparent);padding:1.25rem 1.5rem}.cs-card__details[style*="block"],.cs-card__details.cs-card__details--open{display:block!important}.cs-card__details-grid{display:grid;gap:1rem}@media (min-width:768px){.cs-card__details-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.cs-card__info-rows{display:flex;flex-direction:column;gap:.25rem}.cs-card__info-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--cs-border-color) 50%,transparent)}.cs-card__info-row:last-child{border-bottom:none}.cs-card__info-label{font-size:.875em;color:var(--cs-muted)}.cs-card__info-value{display:flex;align-items:center;gap:.5rem;font-size:.875em;font-weight:500;color:var(--cs-text-color)}.cs-card__info-icon{width:16px;height:16px;color:var(--cs-primary-color)}.cs-card__description{display:flex;flex-direction:column;gap:.75rem}.cs-card__description-text{font-size:.875em;line-height:1.6;color:var(--cs-muted);margin:0}.cs-card__review-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875em;font-weight:500;color:var(--cs-primary-color);text-decoration:none;transition:color var(--cs-transition)}.cs-card__review-link:hover{color:color-mix(in srgb,var(--cs-primary-color) 80%,#fff);text-decoration:none}.cs-card__review-icon{width:14px;height:14px}.cs-pagination{margin-top:var(--cs-load-more-spacing);text-align:center}.cs-empty,.cs-error{text-align:center;padding:3rem 1.5rem;border-radius:var(--cs-border-radius)}.cs-empty{color:var(--cs-muted);background:var(--cs-card-bg);font-size:1.125em}.cs-error{color:#f87171;background:color-mix(in srgb,#f87171 10%,var(--cs-card-bg));border:1px solid color-mix(in srgb,#f87171 30%,transparent);font-size:1.125em}.cs-card__cell{display:none}@media print{.cs-btn,.cs-card__toggle,.cs-pagination{display:none}.cs-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}.cs-card__details{display:block!important}}