body {     background-color: #030303;     color: #ffffff;     font-family: "Inter", sans-serif;     font-size: 1.13rem;     font-style: normal;     font-weight: 400;     line-height: 1.6;     margin: 0;     min-width: 320px;     overflow-x: hidden; } * {     box-sizing: border-box; } .container {     max-width: 1180px;     margin: 0 auto; } .header {     border-bottom: 2px solid #3a353a;     padding: 8px 1rem; } .header__wrapper, .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: center; } .header__wrapper-right {     display: flex;     align-items: center; } .logo {     display: block;     max-width: 185px;     height: auto; } .logo img {     width: 100%;     height: auto; }  .language-selector {     position: relative;     display: inline-block;     cursor: pointer;     margin-left: 20px; }  .current-language {     padding: 8px 12px;     border-radius: 4px;     display: flex;     align-items: center; }  .current-language .flag {     margin-right: 8px; }  .language-dropdown {     display: none;     position: absolute;     top: 100%;     left: 0;     background-color: #fff;     min-width: 175px;     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);     z-index: 1;     list-style: none;     padding: 0;     margin: 0;     border-radius: 4px;     overflow-y: auto;     flex-direction: column;     gap: 6px;     padding: 10px 20px; } .current-language:hover {     color: #FFD234; } .language-dropdown li {     color: black;     text-decoration: none;     display: flex;     align-items: center;     cursor: pointer; } .language-dropdown li a {     color: black;     text-decoration: none; } .language-dropdown li:hover {     background-color: #f1f1f1; }  .language-selector:hover .language-dropdown {     display: block; }  .flag {     background-size: cover;     background-position: center;     background-repeat: no-repeat;     display: inline-block;     margin-right: 8px; } .buttons {     display: flex;     gap: 10px; } .btn {     display: inline-block;     font-weight: 700;     border: 2px solid #FFD234;     background-color: #FFD234;     color: #030303;     padding: 11px 20px 13px;     border-radius: 10px;     transition: 0.15s;     text-decoration: none; }  .btn:hover {     border: 2px solid #FFD234;     background-color: transparent;     color: #FFD234;     transition: 0.3s; }  .main {     margin-top: 20px; } .banner {   background: url(/shared/3509/cards.jpg) no-repeat;     background-size: cover;     border-radius: 20px;     min-height: 438px;     height: auto;     position: relative;     width: 100%;     display: flex;     align-items: center; }  .banner__content {     padding: 40px;     width: 50%; } .banner__content h1 {     line-height: 1;     margin: 0;     padding: 0;     color: #FFFFFF;     font-size: 2.5rem;     margin-bottom: 20px; } p {     margin-block-start: 0;     margin-block-end: .9rem;     margin-bottom: 20px; }  @media screen and (max-width: 1200px) {     .container {         max-width: 960px;         padding: 0 20px;     } }  @media screen and (max-width: 992px) {     .container {         max-width: 720px;     }          .logo {         width: 150px;     } }  @media screen and (max-width: 980px) {     body {         font-size: 1rem;         line-height: 1.5;     }          .container {         width: 100%;         padding: 0 15px;     }     .banner__content {         width: 100%;     } }  @media screen and (max-width: 768px) {     .container {         max-width: 540px;     }          .header__wrapper {         flex-direction: column;         gap: 15px;     }          .header__wrapper-right {         width: 100%;         justify-content: space-between;     }          .logo {         width: 130px;     }          .buttons {         flex-wrap: wrap;     } }  @media screen and (max-width: 576px) {     body {         font-size: 1rem;     }          .container {         padding: 0 15px;     }          .header {         padding: 8px 0;     }          .logo {         width: 120px;     }          .btn {         padding: 8px 15px 10px;         font-size: 0.9rem;     }          .language-selector {         margin-left: 10px;     }          .current-language {         padding: 6px 10px;     } }  .content button {     display: block;     background: none;     border: none;     padding: 11px 0 13px;     margin: 20px auto; } .content button a {     border: 2px solid #FFD234;     background-color: transparent;     color: #ffeca7;     transition: 0.3s;     text-decoration: none;     padding: 11px 20px 13px;     border-radius: 10px;     transition: 0.15s;     text-decoration: none;     background: #000; } .content a {     color: #ffd234; } .content a:hover {     text-decoration: none; } .content img {     max-width: 100%;     height: auto; } .footer {     border-top: 2px solid #3a353a;     padding: 16px; }  .footer p {     text-align: center;     margin-top: 24px; } .footer p a {     color: #ffd234;     text-decoration: none; }  .content ul, ol {     padding-left: 20px;     margin: 0 0 20px 0; }  .content ul {     list-style-type: none; }  .content ul li {     position: relative;     padding-left: 25px;     margin-bottom: 10px; }  .content ul li::before {     content: '';     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     width: 8px;     height: 8px;     background-color: #FFD234;     border-radius: 50%; }  .content ol {     counter-reset: item;     list-style-type: none; }  .content ol li {     position: relative;     padding-left: 30px;     margin-bottom: 10px;     counter-increment: item; }  .content ol li::before {     content: counter(item) ".";     position: absolute;     left: 0;     color: #FFD234;     font-weight: 600; }  .content ul ul, ol ol, ul ol, ol ul {     margin-top: 10px;     margin-bottom: 0; }  .content ul ul li::before {     width: 6px;     height: 6px; }  @media screen and (max-width: 576px) {     .content ul, ol {         padding-left: 15px;     }          .content ul li {         padding-left: 20px;     }          .content ol li {         padding-left: 25px;     } }  table {     width: 100%;     border-collapse: collapse;     margin: 20px 0;     background-color: #1a1a1a;     border-radius: 10px;     overflow: hidden; }  th, td {     padding: 12px 15px;     text-align: left;     border-bottom: 1px solid #3a353a; }  th {     background-color: #2a2a2a;     color: #FFD234;     font-weight: 600;     text-transform: uppercase;     font-size: 0.9rem; }  tr:last-child td {     border-bottom: none; }  tr:hover {     background-color: #252525; }  @media screen and (max-width: 768px) {     table {         display: block;         overflow-x: auto;         white-space: nowrap;     }          th, td {         padding: 10px;         font-size: 0.9rem;     } }  @media screen and (max-width: 576px) {     th, td {         padding: 8px;         font-size: 0.85rem;     } }