:root{--color-bg: #0f152b;--color-header: #0f152b;--color-text: #fff;--font-family: "Rubik", sans-serif;--container-max: 1440px;--container-padding: 20px;--container-padding-mob: 16px;--hero-max-width-mob: 375px;--card-width: 272px;--card-width-mob: 160px;--card-image-height: 188px;--card-image-height-mob: 106px;--color-surface: #161c2e;--color-card-bg: #2b324c;--color-accent: #ff8500;--color-accent-hover: #df7234;--color-text-muted: #9fa1aa;--color-success: #289211;--color-hover-overlay: rgba(255, 255, 255, 0.08);--color-backdrop: rgba(0, 0, 0, 0.7);--winner-card-width: 168px;--winner-card-height: 64px;--winner-marquee-speed: 40s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: 0.15s ease;--transition-base: 0.25s ease}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}@media(max-width: 767px){.container{max-width:375px;padding-inline:var(--container-padding-mob)}}.page{padding-bottom:40px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.header{background-color:var(--color-header);position:sticky;top:0;z-index:10}.header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}.header__logo{font-weight:700;font-size:16px;color:var(--color-text)}.header__search-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;transition:background-color var(--transition-fast)}.header__search-btn:hover{background-color:var(--color-hover-overlay)}.header__search-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hero{margin-bottom:24px}.hero picture,.hero__image{display:block;width:100%;height:auto}@media(max-width: 767px){.hero picture,.hero__image{max-width:var(--hero-max-width-mob);margin-inline:auto}}.hero__image{object-fit:cover}.winners{margin-bottom:32px}.winners__viewport{overflow:hidden;width:100%;mask-image:linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%)}.winners__viewport:hover .winners__track{animation-play-state:paused}.winners__track{display:flex;gap:12px;width:max-content;animation:winners-scroll var(--winner-marquee-speed) linear infinite}@media(prefers-reduced-motion: reduce){.winners__track{animation:none}}@keyframes winners-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.winner-card{display:flex;align-items:center;gap:8px;width:var(--winner-card-width);height:var(--winner-card-height);padding-block:4px;padding-inline:8px;background-color:var(--color-card-bg);border-radius:var(--radius-lg);flex-shrink:0}.winner-card__image{width:68px;height:48px;object-fit:cover;flex-shrink:0}.winner-card__body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.winner-card__title{font-size:12px;color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.winner-card__amount{font-size:12px;color:var(--color-success);font-weight:700}.winner-card__user{font-size:12px;color:var(--color-text)}.section{margin-bottom:16px}.section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section__head-left,.section__head-right{display:flex;align-items:center;gap:8px}.section__title{font-size:20px;color:var(--color-text)}.section__nav{width:24px;height:24px;padding:4px;border-radius:var(--radius-sm);background-color:var(--color-card-bg);color:var(--color-text);border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.section__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.section__nav:disabled,.section__nav.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width: 767px){.section__nav{display:none}}.section__show-all{color:var(--color-text);background-color:var(--color-card-bg);font-weight:500;font-size:12px;line-height:133%;padding:4px 8px;border-radius:var(--radius-sm);border:0;cursor:pointer}.section__show-all:focus-visible{outline:2px solid currentColor;outline-offset:2px}.section__rows{position:relative}.section--mode-recent .section__row[data-row=recent]{display:flex}.section--mode-favourite .section__row[data-row=favourite]{display:flex}.section--expanded .section__nav{display:none}.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{display:grid;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:auto;justify-content:start;gap:8px;overflow:visible;scroll-snap-type:none;margin:0;grid-template-columns:repeat(auto-fill, minmax(0, 1fr))}.section--expanded.section--mode-recent .section__row[data-row=recent]>.card,.section--expanded.section--mode-favourite .section__row[data-row=favourite]>.card{width:100%;scroll-snap-align:none}@media(min-width: 768px)and (max-width: 1023px){.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-columns:repeat(3, 248px)}}@media(min-width: 1024px)and (max-width: 1279px){.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-columns:repeat(3, var(--card-width))}}@media(min-width: 1280px)and (max-width: 1439px){.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-columns:repeat(4, var(--card-width))}}@media(max-width: 767px){.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-columns:repeat(2, 1fr);padding:0 0 8px}}@media(min-width: 1440px){.section--expanded.section--mode-recent .section__row[data-row=recent],.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-columns:repeat(5, var(--card-width))}.section--expanded.section--mode-recent .section__row[data-row=recent]>.card,.section--expanded.section--mode-favourite .section__row[data-row=favourite]>.card{width:var(--card-width)}}@media(max-width: 767px){.section--grid-mobile.section--mode-recent .section__row[data-row=recent],.section--grid-mobile.section--mode-favourite .section__row[data-row=favourite]{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2, auto);grid-auto-columns:calc(48% - 4px);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.section--grid-mobile.section--mode-recent .section__row[data-row=recent]>.card,.section--grid-mobile.section--mode-favourite .section__row[data-row=favourite]>.card{width:100%;scroll-snap-align:start}.section--grid-mobile.section--expanded.section--mode-recent .section__row[data-row=recent],.section--grid-mobile.section--expanded.section--mode-favourite .section__row[data-row=favourite]{grid-template-rows:repeat(4, auto);grid-auto-columns:1fr;grid-template-columns:repeat(2, 1fr);grid-auto-flow:row;overflow-x:visible;scroll-snap-type:none}.section--grid-mobile.section--expanded.section--mode-recent .section__row[data-row=recent]>.card,.section--grid-mobile.section--expanded.section--mode-favourite .section__row[data-row=favourite]>.card{scroll-snap-align:none}}.section__row{display:none;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;scroll-padding-left:16px}.section__row::-webkit-scrollbar{display:none}.section__row>*{flex:0 0 auto;scroll-snap-align:start}@media(max-width: 767px){.section__row{margin:0 -16px;padding-left:16px;padding-right:16px}}.tabs{display:inline-flex;align-items:center;gap:8px}.tabs__btn{padding:8px 17px;border-radius:var(--radius-md);color:var(--color-text);font-weight:700;font-size:16px;line-height:150%;background:rgba(0,0,0,0);border:1.5px solid rgba(0,0,0,0);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);transform-origin:center}.tabs__btn:hover{border-color:var(--color-accent)}.tabs__btn.is-active{padding:8px 27px;border-color:var(--color-accent)}.tabs__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card{width:var(--card-width)}@media(max-width: 767px){.card{width:var(--card-width-mob)}}.card__media{position:relative;width:100%;border-radius:25px;overflow:hidden;background-color:var(--color-surface)}.card__image{width:100%;height:var(--card-image-height);display:block;border-radius:var(--radius-lg)}@media(max-width: 767px){.card__image{height:var(--card-image-height-mob)}}.card__overlay{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.4) 36.5%, rgba(0, 0, 0, 0.8) 67.5%);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}@media(hover: hover){.card:hover .card__overlay,.card:focus-within .card__overlay{opacity:1;pointer-events:auto}}.card__btn{font-weight:700;color:var(--color-text);border:0;cursor:pointer;transition:background-color var(--transition-fast)}.card__btn--play{min-width:121px;height:56px;padding:16px;border-radius:16px;font-size:16px;line-height:150%;background-color:var(--color-accent)}.card__btn--play:hover{background-color:var(--color-accent-hover)}.card__btn--demo{background-color:rgba(0,0,0,0);font-size:14px;line-height:143%;padding:16px}.card__btn--demo:hover{opacity:.85}.card__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card__meta{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--color-text-muted);font-size:14px}.card__icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.card__provider{font-weight:700;font-size:14px;line-height:143%;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--hidden{display:none}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal__backdrop{position:absolute;inset:0;background-color:var(--color-backdrop);backdrop-filter:blur(2px)}.modal__panel{position:relative;width:min(800px,100% - 48px);max-height:calc(100vh - 48px);margin:32px auto;background-color:var(--color-bg);border-radius:var(--radius-lg);padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.modal__panel::-webkit-scrollbar{display:none}@media(max-width: 767px){.modal__panel{padding:16px;width:100%;max-width:var(--hero-max-width-mob);margin-inline:auto;max-height:100vh;margin-block:0;border-radius:0}}.modal__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background-color:var(--color-card-bg);margin:-24px -24px 24px;padding-block:16px;padding-right:16px;padding-left:40px;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}@media(max-width: 767px){.modal__header{top:-16px;margin:-16px -16px 16px;padding:14px 16px;border-radius:0}}.modal__title{grid-column:2;text-align:center;font-weight:700;font-size:20px;line-height:120%}.modal__close{grid-column:3;justify-self:end;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;filter:brightness(0) invert(1)}.modal__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.modal__hint{margin-bottom:8px;text-align:center;color:var(--color-text);font-weight:700;font-size:16px;line-height:150%}@media(max-width: 767px){.modal__hint{text-align:left}}.modal__label{display:block;padding-left:12px;color:var(--color-text);font-weight:400;font-size:12px;line-height:133%}.modal__input-wrap{position:relative;margin-bottom:24px}.modal__input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none}.modal__input{width:100%;height:40px;padding:14px 42px;background-color:var(--color-card-bg);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;line-height:143%;transition:border-color var(--transition-fast)}.modal__input::placeholder{color:var(--color-text-muted);font-weight:400;font-size:14px;line-height:143%}.modal__input:focus{outline:none;border-color:var(--color-accent)}.modal__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.modal__results-title{font-size:16px;margin-bottom:16px}.modal__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 767px){.modal__grid{grid-template-columns:repeat(2, 1fr);gap:12px;max-width:var(--hero-max-width-mob);margin-inline:auto}}.modal__grid .card{width:100%}.modal__empty{text-align:center;color:var(--color-text);padding:24px 0}