a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:#fff;}
.h1,h1{margin:0 0 10px;font-size:1.4em;font-weight:700}.h2,h2{font-size:1.3em;font-weight:600}
.h3,h3{font-weight:600}
@media (min-width:768px){.h1,h1{font-size:1.6em}.h2,h2{font-size:1.4em}}.h3,h3{font-size:1.2em}.h4,.h5,h4,h5{font-size:1.1em}
@media (min-width:992px){.h1,h1{font-size:2em}.h2,h2{font-size:1.5em}.h3,h3{font-size:1.3em}.h4,h4{font-size:1.2em}}.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{margin-top:25px;margin-bottom:10px}p{margin:0 0 10px}
body{
	background: #121214;
	font-size:16px;
	color: #b3b3b3;
	line-height:1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word;
	padding-top: 60px;
}
img{display:block;max-width:100%;height:auto;}
header,footer{
	background: #242337;
}
header{
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
            0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
header a {font-weight: 500}
header img{display:block;max-height: 100%;width: auto;}
section,.section{margin-bottom:3em;}
p{margin: 0 0 10px;}
main{word-wrap: break-word;}
main p{margin-bottom: 25px;}
main ol,main ul{margin: 1.7em 0 1.8em 1em;padding: 0;list-style: none;}
main ol li,main ul li{padding-left: 40px;margin: .7em 0}
main ol,main ol:not([class]){counter-reset: point}
main ol li:before,main ol:not([class]) li:before{content:counter(point);counter-increment:point 1;display:inline-block;width:25px;height:25px;margin:0 10px 0 -40px;text-align:center;border:2px solid #425d9d;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
main ul li:before,main ul:not([class]) li:before{content:"";display:inline-block;width:8px;height:8px;background:#5a80b1;margin:0 22px 0 -30px}
.table-container{overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.table-container::-webkit-scrollbar {display: none;}
table{width: 100%;margin: 20px 0;border: 1px solid rgba(255, 255, 255, .2);border-spacing: 0;border-collapse: collapse;line-height:1.3em;}
table th{font-weight:bold;padding: 15px 12px;vertical-align: middle;background: #0e1422;text-align:left;color: #fff;}
table td{border: 1px solid rgba(255, 255, 255, .2);padding: 15px 12px;vertical-align: middle;background: #131929;}
table td:first-child{background: #0e1422;color:#fff;}
#faetures table tr td:first-child{width:200px;}
.container{max-width:1024px;margin:0 auto;padding:0 15px 0 15px;}
@media screen and (width: 1024px) {.container {width:100%;}}
.btn,.button{padding:6px 15px;font-size:16px;}
.btn:hover,.btn:focus,.btn:focus:hover,.button:hover,.button:focus,.button:focus:hover{cursor:pointer;}
.cta-btn,.primary-btn,.action-btn,.first-btn{cursor:pointer;display:block;font-weight: bold;border-radius: 4px;text-align: center;padding: 12px;background: #007bff;color: #fff !important;border:none;}
.second-btn,.secondary-btn,.info-btn,.basic-btn{cursor:pointer;display:block;font-weight: bold;border-radius: 4px;text-align: center;padding: 12px;background: #374151;color: #fff !important;border:none;}
.logo{width:150px;height: 50px;displat:flex;align-items: center;}
.welcome-bonus-text{
    font-size: 115%;
    font-weight: bold;
    color: #fff;
    padding-bottom: 15px;
    display: block;
}
#features table tbody td:first-child{
  width: 200px;
}
.monetization-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.monetization-modal__container {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-radius: 16px;
  padding: 40px;
  max-width: 600px;
  width: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.monetization-modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}
.monetization-modal__header-logo-from img,
.monetization-modal__header-logo-to img {
  max-width: 120px;
  max-height: 60px;
  display: block;
}
.monetization-modal__header-separator {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.monetization-modal__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.monetization-modal__desc {
  font-size: 1.1rem;
  color: #b3b3b3;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 30px;
}
.monetization-modal__bonus {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.monetization-modal__bonus div:last-child {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
.monetization-modal__button {
  text-align: center;
}
.monetization-modal__button button {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: #fff;
  border: none;
  padding: 16px 40px;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.monetization-modal__button button:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);
}
@media (max-width: 768px) {
  .monetization-modal__container {
    padding: 30px 20px;
    max-width: 75%;
  }
  .monetization-modal__header-logo-from img,
  .monetization-modal__header-logo-to img {
    max-width: 80px;
    max-height: 40px;
  }
  .monetization-modal__title {
    font-size: 1.4rem;
  }
  .monetization-modal__desc {
    font-size: 1rem;
  }
  .monetization-modal__bonus div:last-child {
    font-size: 1.2rem;
  }
  .monetization-modal__button button {
    padding: 14px 30px;
    font-size: 1rem;
  }
}
body, button, input, select, textarea, a { font-family: 'Open Sans', sans-serif; }
.header-slide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #242337;
}
.container-slide {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.logo-slide {
    width: 120px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.burger-slide {
    display: none;
    width: 40px;
    height: 25px;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-around;
    background: none;
    border: none;
    z-index: 1002;
}
.burger-slide span {
    width: 100%;
    height: 2px;
    background: #fff;
}
.nav-slide-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}
.nav-slide ul {
    display: flex;
    list-style: none;
    gap: 30px;
}
.nav-slide a {
    text-decoration: none;
    color: #fff;
}
.btns-slide {
    display: flex;
    gap: 10px;
}
.btns-slide button {
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
}
.close-slide {
    display: none;
}
@media (max-width: 768px) {
    .burger-slide {
        display: flex;
    }
    .nav-slide-wrapper {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #242337;
        flex-direction: column;
        padding: 60px 20px 20px;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
        transition: left 0.3s ease;
        z-index: 1001;
        align-items: flex-start;
        gap: 30px;
    }
    .nav-slide-wrapper.active {
        left: 0;
    }
    .close-slide {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: none;
        border: none;
        cursor: pointer;
    }
    .close-slide::before,
    .close-slide::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 2px;
        background: #fff;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .close-slide::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    .nav-slide {
        width: 100%;
    }
    .nav-slide ul {
        flex-direction: column;
        width: 100%;
        gap: 15px;
    }
    .btns-slide {
        width: 100%;
        flex-direction: column;
    }
    .btns-slide button {
        width: 100%;
    }
    .overlay-slide {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
    }
    .overlay-slide.active {
        display: block;
    }
}
#promo-block{padding:3em 0;min-height:250px;display: flex;align-items: center;}
#promo-block .container{display: flex;gap:30px;align-items: center;max-width:1024px;margin:0 auto;width:100%;}
.left{max-width: 60%;}
.left button{width:280px;height: 50px;font-size: 105%;}
@media screen and (max-width: 1025px) {
	#promo-block .container{padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 768px) {
	.left{max-width: 100%;}
}.game-card.cta,
.slider-nav button {
    background: #242337;
    cursor: pointer;
    transition: 0.3s;
}
.games-row {
    margin-bottom: 50px;
}
.games-row-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.games-row-header h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}
.slider-nav {
    display: flex;
    gap: 8px;
}
.slider-nav button {
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.slider-nav button svg {
    width: 18px;
    height: 18px;
}
.game-card.cta:hover,
.slider-nav button:hover {
    background: #505d72;
    color: #fff;
}
.games-slider {
    overflow: hidden;
    position: relative;
}
.games-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
}
.game-card {
    background: #242337;
    color: #fff;
    border-radius: 4px;
    margin-right: 15px;
    flex: 0 0 calc(20% - 15px);
    box-sizing: border-box;
    text-align: center;
}
.game-card img {
    width: 100%;
    display: block;
    border-radius: 4px 4px 0 0;
}
.game-card p {
    margin: 10px 0;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.game-card.cta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .game-card {
        flex: 0 0 calc(25% - 15px);
    }
}
@media screen and (max-width: 768px) {
    .game-card {
        flex: 0 0 calc(33.33% - 15px);
    }
}
@media screen and (max-width: 500px) {
    .game-card {
        flex: 0 0 calc(50% - 15px);
    }
}.bn2 {
    padding-top: 2em;
    position: relative;
    margin-bottom: 0;
}
.bn2-container {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
.bn2-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bn2-title {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
}
.bn2-nav {
    display: flex;
    gap: 10px;
}
.bn2-btn {
    width: 40px;
    height: 40px;
    border: 2px solid #333;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: #333;
}
.bn2-btn:hover {
    background: #333;
    color: #fff;
}
.bn2-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
.bn2-viewport {
    overflow: hidden;
    position: relative;
    padding: 10px 0 40px 0;
}
.bn2-track {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    gap: 20px;
}
.bn2-card {
    flex: 0 0 calc(33.333% - 13.4px);
    box-sizing: border-box;
    background: #131929;
    border: 1px solid #242337;
    border-radius: 4px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
    min-height: 320px;
}
.bn2-card:hover {
    transform: translateY(-5px);
    border-color: #2f2d47;
}
.bn2-card:before, .bn2-track:not([class]) li:before {
    display: none;
}
.bonus-type {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #fff;
    background: #333;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    display: inline-block;
}
.bonus-headline {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bonus-details {
    font-size: 14px;
    color: #a8a8a8;
    line-height: 1.5;
    margin-bottom: 15px;
    flex-grow: 1;
}
.bonus-code-block {
    background: #121214;
    padding: 8px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px dashed #373648;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}
.code-label {
    font-size: 12px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
}
.code-value {
    font-family: monospace;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.bonus-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px;
    background: #007bff;
    color: white;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.bonus-btn:hover {
    background: #288fff;
}
@media (max-width: 992px) {
    .bn2-card {
        flex: 0 0 calc(50% - 10px);
    }
}
@media (max-width: 600px) {
    .bn2-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .bn2-nav {
        align-self: flex-end;
    }
    .bn2-card {
        flex: 0 0 100%; 
    }
}.features-table {
  width: 100%;
  border-collapse: collapse;
}
.features-table tr {
  border-bottom: 1px solid #eee;
}
.features-table tr:last-child {
  border-bottom: none;
}
.features-table td {
  padding: 15px 20px;
  font-size: 16px;
}
.features-table td:first-child {
  font-weight: 600;
  color: #555;
  width: 40%;
}
.features-table td:last-child {
  color: #333;
}
@media (max-width: 768px) {
  .features-section {
    padding: 40px 0;
  }
  .features-wrapper {
    padding: 20px;
  }
  .features-table td {
    padding: 12px 15px;
    font-size: 14px;
    display: block;
    width: 100%;
  }
  .features-table td:first-child {
    width: 100%;
    border-bottom: none;
    padding-bottom: 5px;
  }
  .features-table tr {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}#article .container {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#article .container article[data-article="content"] ol,
#article .container article[data-article="content"] ul {
  margin: 1.7em 0 1.8em 1em;
  padding: 0;
  list-style: none;
}
#article .container article[data-article="content"] ol {
  counter-reset: point;
}
#article .container article[data-article="content"] ol li,
#article .container article[data-article="content"] ul li {
  padding-left: 40px;
  margin: 0.7em 0;
  position: relative;
}
#article .container article[data-article="content"] ol li:before {
  content: counter(point);
  counter-increment: point 1;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 10px 0 -40px;
  text-align: center;
  border: 2px solid #425d9d;
  border-radius: 50%;
  position: absolute;
}
#article .container article[data-article="content"] ul li:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #5a80b1;
  margin: 0 22px 0 -30px;
  position: absolute;
}
#article .container article[data-article="content"] ol li h3,
#article .container article[data-article="content"] ul li h3 {
  margin-top: 0;
}#apps.ap1 {
    padding: 35px 0;
    text-align: center;
    color: #fff;
}
#apps.ap1 h2 {
    margin-bottom: 10px;
}
#apps.ap1 p {
    margin-bottom: 30px;
}
.app-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}
.app-btn {
    background: #000;
    border: none;
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s;
}
.app-btn:hover {
    transform: translateY(-2px);
}
.app-btn svg {
    display: block;
    height: 50px;
    width: auto;
}
@media (max-width: 768px) {
    .app-buttons {
        flex-direction: column;
        align-items: center;
    }
}
.fq1 h2 {
    margin-bottom: 25px;
}
.faq-accordion {
    margin: 0 auto;
}
.faq-item {
    margin-bottom: 12px;
    border: 1px solid #e4e6eb;
    border-radius: 4px;
    overflow: hidden;
    background: linear-gradient(to bottom right, #1f2937, #111827);
    transition: box-shadow 0.3s;
}
.faq-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.faq-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background: #fff;
    text-decoration: none;
    color: #111;
    cursor: pointer;
    transition: background 0.3s;
    width: 100%;
    border: none;
}
.faq-toggle:hover {
    background: #f9f9f9;
}
.faq-question {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    text-align: left;
    flex: 1;
}
.faq-icon {
    font-size: 28px;
    font-weight: 300;
    color: #666;
    transition:
        transform 0.3s,
        color 0.3s;
    line-height: 1;
    min-width: 30px;
    text-align: center;
}
.faq-toggle.active {
    background: #f5f5f5;
}
.faq-toggle.active .faq-icon {
    transform: rotate(45deg);
    color: #111;
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.4s,
        padding 0.4s;
    background: #fafafa;
}
.faq-answer.active {
    max-height: 800px;
    padding: 20px 24px;
    border-top: 1px solid #e4e6eb;
}
.faq-answer p {
    margin: 0;
    color: #555;
    line-height: 1.7;
    font-size: 15px;
}
@media screen and (max-width: 768px) {
    .faq-answer.active,
    .faq-toggle {
        padding: 16px 18px;
    }
}#providers-list h2{text-align: center;}.pvZ-section{text-align:center;padding:20px}.pvZ-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;margin:0 auto;padding: 20px 20px 0 20px;}.pvZ-logos img{flex:0 0 150px;height:50px;object-fit:contain;background: #374151;padding: 6px;border-radius: 4px;}.pvZ-logos img:hover{transform:scale(1.05)}.pvZ-show-more{margin:10px auto 10px auto;padding:10px 25px;cursor:pointer;font-size: 16px;display: flex;gap:5px;background: transparent;border:none;color: #9fb0c3;}.pvZ-show-more svg{width:17px;height: 17px;}.pvZ-logos img.hidden{display:none}.f3{background:#090a0e;color:#e6edf8;border-top:1px solid rgba(255,255,255,.06)}
.f3-wrap{max-width:1140px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:18px}
.f3-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.f3-logo img{display:block}
.f3-menu{display:flex;gap:20px;flex-wrap:wrap}
.f3-menu a{color:#c7d0e1;text-decoration:none;font-weight:700;font-size:15px;transition:color .2s}
.f3-menu a:hover{color:#fff}
.f3-social{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.f3-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;transition:all .2s}
.f3-social a:hover{background:rgba(255,122,26,.2);border-color:rgba(255,122,26,.5)}
.f3-selects{display:flex;gap:10px;align-items:center}
.f3-select{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9fb0c3}
.f3-select span{font-weight:600}
.f3-select select{appearance:none;-webkit-appearance:none;background:#0e1016;border:1px solid rgba(255,255,255,.12);color:#e6edf8;border-radius:8px;padding:8px 28px 8px 10px;min-width:120px;cursor:pointer;transition:border-color .2s}
.f3-select select:focus{outline:2px solid #ff7a1a;outline-offset:2px;border-color:#ff7a1a}
.f3-select select:hover{border-color:rgba(255,255,255,.25)}
.f3-certs{justify-content:center;gap:14px}
.f3-certs img{height:30px;width:auto;filter:brightness(0.95)}
.f3-18-badge{filter:none !important}
.f3-legal{justify-content:center;text-align:center}
.f3-legal p{max-width:920px;color:#9fb0c3;margin:0;line-height:1.6;font-size:13px}
.f3-legal a{color:#cfe2ff;text-decoration:none;transition:color .2s}
.f3-legal a:hover{color:#fff}
.f3-pays{justify-content:center;gap:10px}
.f3-pays img{height:40px;width:auto;padding:4px 8px;background:transparent;border-radius:6px}
@media (max-width:820px){
  .f3-top{flex-direction:column;align-items:flex-start;gap:14px}
  .f3-menu{order:3}
  .f3-social{order:4}
  .f3-selects{order:2}
  .f3-certs{gap:10px}
  .f3-certs img{height:26px}
  .f3-pays{gap:8px}
  .f3-pays img{height:20px;padding:3px 6px}
}
@media (max-width:520px){
  .f3-menu{flex-direction:column;gap:8px}
  .f3-certs{gap:8px}
  .f3-certs img{height:22px}
  .f3-pays img{height:18px}
}
.gradient-1 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.gradient-2 {
  background: linear-gradient(to bottom, #1a1d2e 0%, #22252f 100%);
}
.gradient-3 {
  background: linear-gradient(135deg, #1c1917 0%, #292524 100%);
}
.gradient-4 {
  background: radial-gradient(circle at top left, #1e293b 0%, #0f172a 100%);
}
.gradient-5 {
  background: linear-gradient(to right, #18181b 0%, #27272a 100%);
}
.gradient-6 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
}
.gradient-7 {
  background: linear-gradient(to bottom, #1c1917 0%, #292524 50%, #1c1917 100%);
}
.gradient-8 {
  background: radial-gradient(ellipse at center, #1e293b 0%, #09090b 100%);
}
.gradient-9 {
  background: linear-gradient(to bottom right, #0f172a 0%, #27272a 100%);
}
.gradient-10 {
  background: linear-gradient(135deg, #18181b 0%, #1e293b 50%, #27272a 100%);
}
.gradient-11 {
  background: linear-gradient(to bottom, #0f172a 0%, #1e293b 100%);
}
.gradient-12 {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}
.gradient-13 {
  background: radial-gradient(circle at bottom right, #292524 0%, #1c1917 100%);
}
.gradient-14 {
  background: linear-gradient(to right, #0f172a 0%, #1e293b 50%, #27272a 100%);
}
.gradient-15 {
  background: linear-gradient(135deg, #09090b 0%, #18181b 50%, #0f172a 100%);
}
.gradient-16 {
  background: linear-gradient(135deg, #1c1917 0%, #44403c 100%);
}
.gradient-17 {
  background: linear-gradient(to bottom, #1a1a1a 0%, #3f2f2f 100%);
}
.gradient-18 {
  background: linear-gradient(135deg, #1e1b1b 0%, #3d2a2a 100%);
}
.gradient-19 {
  background: linear-gradient(to right, #1c1917 0%, #57534e 100%);
}
.gradient-20 {
  background: radial-gradient(circle at top right, #44403c 0%, #1c1917 100%);
}
.gradient-21 {
  background: linear-gradient(135deg, #1a1a1a 0%, #3d2a2a 50%, #1e1b1b 100%);
}
.gradient-22 {
  background: linear-gradient(to bottom, #1c1917 0%, #44403c 50%, #292524 100%);
}
.gradient-23 {
  background: linear-gradient(135deg, #1e1b1b 0%, #4a3636 100%);
}
.gradient-24 {
  background: radial-gradient(ellipse at bottom left, #3d2a2a 0%, #1a1a1a 100%);
}
.gradient-25 {
  background: linear-gradient(to bottom right, #1c1917 0%, #57534e 100%);
}
.gradient-26 {
  background: linear-gradient(135deg, #1a1414 0%, #3a2a2a 100%);
}
.gradient-27 {
  background: linear-gradient(to bottom, #1e1b1b 0%, #443333 100%);
}
.gradient-28 {
  background: linear-gradient(135deg, #1c1917 0%, #4a3b3b 50%, #292524 100%);
}
.gradient-29 {
  background: radial-gradient(circle at center, #3d2a2a 0%, #1a1414 100%);
}
.gradient-30 {
  background: linear-gradient(to right, #1e1b1b 0%, #443838 50%, #292524 100%);
}
.gradient-31 {
  background: linear-gradient(135deg, #1c1917 0%, #44403c 50%, #78716c 100%);
}
.gradient-32 {
  background: linear-gradient(to bottom, #1a1816 0%, #3f3832 100%);
}
.gradient-33 {
  background: linear-gradient(135deg, #1e1b19 0%, #4a453e 100%);
}
.gradient-34 {
  background: radial-gradient(circle at top left, #44403c 0%, #1c1917 100%);
}
.gradient-35 {
  background: linear-gradient(to right, #1a1816 0%, #57534e 100%);
}
.gradient-36 {
  background: linear-gradient(135deg, #1c1917 0%, #57534e 50%, #292524 100%);
}
.gradient-37 {
  background: linear-gradient(to bottom, #1e1b19 0%, #4a453e 50%, #1c1917 100%);
}
.gradient-38 {
  background: radial-gradient(ellipse at bottom right, #4a453e 0%, #1a1816 100%);
}
.gradient-39 {
  background: linear-gradient(to bottom right, #1c1917 0%, #78716c 100%);
}
.gradient-40 {
  background: linear-gradient(135deg, #1a1816 0%, #44403c 50%, #57534e 100%);
}
.gradient-41 {
  background: linear-gradient(to bottom, #1c1917 0%, #6b6560 100%);
}
.gradient-42 {
  background: linear-gradient(135deg, #1e1b19 0%, #57534e 100%);
}
.gradient-43 {
  background: radial-gradient(circle at center, #44403c 0%, #1c1917 100%);
}
.gradient-44 {
  background: linear-gradient(to right, #1a1816 0%, #4a453e 50%, #292524 100%);
}
.gradient-45 {
  background: linear-gradient(135deg, #1c1917 0%, #6b6560 50%, #292524 100%);
}
.gradient-46 {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}
.gradient-47 {
  background: linear-gradient(to bottom, #1a2332 0%, #2d3748 100%);
}
.gradient-48 {
  background: linear-gradient(135deg, #1e2530 0%, #3a4556 100%);
}
.gradient-49 {
  background: radial-gradient(circle at top right, #334155 0%, #1e293b 100%);
}
.gradient-50 {
  background: linear-gradient(to right, #1a2332 0%, #475569 100%);
}
.gradient-51 {
  background: linear-gradient(135deg, #1e293b 0%, #475569 50%, #334155 100%);
}
.gradient-52 {
  background: linear-gradient(to bottom, #1a2332 0%, #3a4556 50%, #1e293b 100%);
}
.gradient-53 {
  background: radial-gradient(ellipse at bottom left, #3a4556 0%, #1a2332 100%);
}
.gradient-54 {
  background: linear-gradient(to bottom right, #1e293b 0%, #64748b 100%);
}
.gradient-55 {
  background: linear-gradient(135deg, #1a2332 0%, #475569 50%, #334155 100%);
}
.gradient-56 {
  background: linear-gradient(135deg, #1e1b3a 0%, #2d2847 100%);
}
.gradient-57 {
  background: linear-gradient(to bottom, #1a1830 0%, #2a2540 100%);
}
.gradient-58 {
  background: linear-gradient(135deg, #1e1b38 0%, #342f54 100%);
}
.gradient-59 {
  background: radial-gradient(circle at top left, #2d2847 0%, #1e1b3a 100%);
}
.gradient-60 {
  background: linear-gradient(to right, #1a1830 0%, #3d3660 100%);
}
.gradient-61 {
  background: linear-gradient(135deg, #1e1b3a 0%, #3d3660 50%, #2d2847 100%);
}
.gradient-62 {
  background: linear-gradient(to bottom, #1a1830 0%, #342f54 50%, #1e1b3a 100%);
}
.gradient-63 {
  background: radial-gradient(ellipse at bottom right, #342f54 0%, #1a1830 100%);
}
.gradient-64 {
  background: linear-gradient(to bottom right, #1e1b3a 0%, #4a4168 100%);
}
.gradient-65 {
  background: linear-gradient(135deg, #1a1830 0%, #3d3660 50%, #2d2847 100%);
}
.gradient-66 {
  background: linear-gradient(135deg, #1c1917 0%, #1e293b 100%);
}
.gradient-67 {
  background: linear-gradient(to bottom, #1a1816 0%, #2d3748 100%);
}
.gradient-68 {
  background: linear-gradient(135deg, #1e1b19 0%, #334155 100%);
}
.gradient-69 {
  background: radial-gradient(circle at center, #44403c 0%, #1e293b 100%);
}
.gradient-70 {
  background: linear-gradient(to right, #1a1816 0%, #475569 100%);
}
.gradient-71 {
  background: linear-gradient(135deg, #1c1917 0%, #2d2847 100%);
}
.gradient-72 {
  background: linear-gradient(to bottom, #1e1b19 0%, #2a2540 50%, #1a1816 100%);
}
.gradient-73 {
  background: radial-gradient(ellipse at top right, #3a4556 0%, #1c1917 100%);
}
.gradient-74 {
  background: linear-gradient(to bottom right, #1a1816 0%, #334155 50%, #292524 100%);
}
.gradient-75 {
  background: linear-gradient(135deg, #1e1b19 0%, #475569 50%, #44403c 100%);
}
.gradient-76 {
  background: linear-gradient(to bottom, #1c1917 0%, #342f54 100%);
}
.gradient-77 {
  background: linear-gradient(135deg, #1a1830 0%, #44403c 100%);
}
.gradient-78 {
  background: radial-gradient(circle at bottom left, #2d2847 0%, #1c1917 100%);
}
.gradient-79 {
  background: linear-gradient(to right, #1e1b19 0%, #3d3660 50%, #292524 100%);
}
.gradient-80 {
  background: linear-gradient(135deg, #1a1816 0%, #1e293b 50%, #57534e 100%);
}
.gradient-81 {
  background-color: #1e293b;
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.04) 2%, transparent 2%),
    radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.04) 2%, transparent 2%);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
}
.gradient-82 {
  background-color: #1c1917;
  background-image: 
    radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 20px 20px;
}
.gradient-83 {
  background-color: #0f172a;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 40px 40px;
}
.gradient-84 {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.04) 2%, transparent 2%);
  background-size: 24px 24px;
}
.gradient-85 {
  background: linear-gradient(to bottom, #1c1917 0%, #292524 100%);
  background-image: 
    repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.02) 10px, rgba(255, 255, 255, 0.02) 20px);
}
.gradient-86 {
  background-color: #1a1816;
  background-image: 
    radial-gradient(circle at 25% 50%, rgba(255, 255, 255, 0.04) 1.5%, transparent 1.5%),
    radial-gradient(circle at 75% 50%, rgba(255, 255, 255, 0.04) 1.5%, transparent 1.5%);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
.gradient-87 {
  background: linear-gradient(135deg, #1e1b3a 0%, #2d2847 100%);
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.02) 2px, transparent 2px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 2px, transparent 2px);
  background-size: 50px 50px;
}
.gradient-88 {
  background-color: #1e293b;
  background-image: 
    radial-gradient(circle, rgba(255, 255, 255, 0.06) 1.5px, transparent 1.5px);
  background-size: 25px 25px;
}
.gradient-89 {
  background: linear-gradient(to right, #1c1917 0%, #44403c 100%);
  background-image: 
    repeating-linear-gradient(0deg, transparent, transparent 15px, rgba(255, 255, 255, 0.03) 15px, rgba(255, 255, 255, 0.03) 16px);
}
.gradient-90 {
  background-color: #1a2332;
  background-image: 
    radial-gradient(circle at 33% 33%, rgba(255, 255, 255, 0.04) 2%, transparent 2%),
    radial-gradient(circle at 66% 66%, rgba(255, 255, 255, 0.04) 2%, transparent 2%);
  background-size: 36px 36px;
  background-position: 0 0, 18px 18px;
}
.gradient-91 {
  background: linear-gradient(135deg, #1e1b19 0%, #4a453e 100%);
  background-image: 
    linear-gradient(45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.02) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.02) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.gradient-92 {
  background-color: #1c1917;
  background-image: 
    radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.05) 2%, transparent 2%),
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 2%, transparent 2%);
  background-size: 28px 28px;
}
.gradient-93 {
  background: linear-gradient(to bottom, #0f172a 0%, #1e293b 100%);
  background-image: 
    repeating-linear-gradient(90deg, transparent, transparent 12px, rgba(255, 255, 255, 0.02) 12px, rgba(255, 255, 255, 0.02) 24px);
}
.gradient-94 {
  background-color: #1e1b3a;
  background-image: 
    radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.04) 2%, transparent 2%);
  background-size: 32px 32px;
}
.gradient-95 {
  background: linear-gradient(135deg, #1a1816 0%, #57534e 100%);
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.03) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1.5px, transparent 1.5px);
  background-size: 35px 35px;
}
.gradient-96 {
  background-color: #1a2332;
  background-image: 
    radial-gradient(circle at 40% 60%, rgba(255, 255, 255, 0.04) 1.8%, transparent 1.8%),
    radial-gradient(circle at 60% 40%, rgba(255, 255, 255, 0.04) 1.8%, transparent 1.8%);
  background-size: 26px 26px;
  background-position: 0 0, 13px 13px;
}
.gradient-97 {
  background: linear-gradient(to bottom right, #1c1917 0%, #44403c 50%, #292524 100%);
  background-image: 
    repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255, 255, 255, 0.02) 8px, rgba(255, 255, 255, 0.02) 16px);
}
.gradient-98 {
  background-color: #1e293b;
  background-image: 
    radial-gradient(circle, rgba(255, 255, 255, 0.05) 2px, transparent 2px);
  background-size: 22px 22px;
}
.gradient-99 {
  background: linear-gradient(135deg, #1e1b19 0%, #3d2a2a 50%, #1a1414 100%);
  background-image: 
    linear-gradient(60deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%),
    linear-gradient(-60deg, rgba(255, 255, 255, 0.02) 25%, transparent 25%);
  background-size: 18px 32px;
}
.gradient-100 {
  background: linear-gradient(to bottom, #1a1830 0%, #2d2847 50%, #1e1b3a 100%);
  background-image: 
    radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.04) 2%, transparent 2%),
    radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.04) 2%, transparent 2%);
  background-size: 34px 34px;
  background-position: 0 0, 17px 17px;
}
.gradient-overlay {
  position: relative;
}
.gradient-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
  pointer-events: none;
}
.gradient-overlay > * {
  position: relative;
  z-index: 1;
}
.gradient-overlay > .container,
.gradient-overlay > .wrapper,
.gradient-overlay > div[class*="content"] {
  z-index: 1;
}