:root {--primary-color: #2c3930;--secondary-color: #f4f4f4;--accent-color: #ffbc6bd2;--rounded-corners: 8px;--opacity-bg: rgba(240 244 241 / 50%);}body {font-family: 'Lato', sans-serif;font-size: 16px;line-height: 1.5;color: var(--primary-color);background-color: var(--secondary-color);}h1, h2, h3 {color: var(--primary-color);}h1 {font-size: 3.5em;margin-bottom: 20px;}h2 {font-size: 2em;margin-bottom: 15px;}h3 {font-size: 1.5em;margin-bottom: 10px;}p {font-size: 1.4em;}.container {max-width: 1200px;margin: 0 auto;padding-left: 40px;padding-right: 40px;}.img-logo {width: 70px;height: auto;}.name-logo {font-size: 1.5em;color: var(--primary-color);margin-left: 10px;text-transform: uppercase;}.header-wrapper {background-image: url('/images/Chess-2.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}.header-content {display: flex;align-items: center;justify-content: space-between;padding: 10px;border-radius: var(--rounded-corners);background-color: var(--opacity-bg);}.nav-logo {display: flex;align-items: center;gap: 8px;}.nav-list {display: flex;list-style: none;gap: 20px;align-items: center;}.nav-list li {font-size: 1.2em;}.nav-list li a {color: var(--primary-color);text-decoration: none;transition: color 0.3s ease;font-size: 1.2em;font-weight: 500;}.nav-list li a:hover {color: var(--accent-color);}.menu-toggle {display: none;flex-direction: column;gap: 5px;cursor: pointer;}.menu-toggle .bar {width: 25px;height: 3px;background-color: var(--primary-color);}.header-text {text-align: center;color: var(--primary-color);margin-top: 120px;margin-bottom: 80px;background-color: rgb(240 244 241 / 78%);padding: 40px;border-radius: var(--rounded-corners);}.header-text h1 {text-transform: uppercase;}#about {display: flex;justify-content: space-between;align-items: center;gap: 20px;}#about h2 {font-size: 2em;color: var(--primary-color);margin-bottom: 20px;}#about p {font-size: 1.2em;line-height: 1.6;color: #333;flex: 1;}#about img {width: 50%;height: auto;border-radius: 8px;}.game-list {display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;padding: 40px 0;}.game-card {position: relative;width: 30%;height: 600px;border-radius: var(--rounded-corners);overflow: hidden;perspective: 1000px;cursor: pointer;transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.game-card:hover {transform: scale(1.05);}.game-front, .game-back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--rounded-corners);display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: var(--secondary-color);backface-visibility: hidden;}.game-back {transform: rotateY(180deg);padding: 20px;text-align: center;background-color: var(--primary-color);color: white;}.game-card:hover .game-front {transform: rotateY(180deg);}.game-card:hover .game-back {transform: rotateY(0);}.game-front img {width: 100%;height: 330px;border-radius: var(--rounded-corners);}.game-back p {font-size: 1em;margin-bottom: 10px;}.name-game {font-size: 1.4em;font-weight: 600;}.game-back a {color: var(--accent-color);text-decoration: none;font-weight: bold;padding: 10px;border: 1px solid var(--secondary-color);border-radius: var(--rounded-corners);transition: color 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.game-back a:hover {color: #fff;}#games {padding-top: 40px;padding-bottom: 40px;text-align: center;}#tips {padding-top: 40px;padding-bottom: 40px;background-color: rgb(229 232 230 / 77%);border-radius: var(--rounded-corners);margin-bottom: 40px;}#tips h2 {font-size: 2.5em;color: var(--primary-color);text-align: center;margin-bottom: 20px;}.policy-wrapper {padding-top: 40px;padding-bottom: 40px;}#tips p {font-size: 1.2em;text-align: center;color: #333;margin-bottom: 40px;}.game-tips h3, .game-types h3 {font-size: 1.8em;color: var(--primary-color);margin-bottom: 10px;}.game-tips ul, .game-types ul {list-style: none;padding-left: 0;}.game-tips li, .game-types li {font-size: 1.1em;color: #555;line-height: 1.6;margin-bottom: 15px;position: relative;}.check-icon {position: absolute;left: -30px;top: 0;width: 20px;height: 20px;border-radius: 50%;background-color: var(--accent-color);}.circle-icon {position: absolute;left: -30px;top: 0;width: 10px;height: 10px;border-radius: 50%;background-color: var(--primary-color);}.cta-buttons {display: flex;justify-content: center;gap: 20px;margin-top: 40px;}.cta-buttons .btn-more-info, .cta-buttons .btn-contact, .btn-contact {padding: 12px 24px;font-size: 1.1em;background-color: var(--primary-color);color: white;border-radius: var(--rounded-corners);text-decoration: none;transition: background-color 0.3s ease;}.cta-buttons .btn-more-info:hover, .cta-buttons .btn-contact:hover, .btn-contact:hover {background-color: var(--accent-color);}#contact {padding: 60px 20px;background-color: var(--secondary-color);border-radius: var(--rounded-corners);margin-top: 60px;}.contact-content {display: flex;justify-content: space-between;gap: 40px;}.contact-text {width: 45%;}.contact-text h2 {font-size: 2.5em;color: var(--primary-color);margin-bottom: 20px;}.contact-text p {font-size: 1.2em;color: #333;line-height: 1.6;}.contact-form {width: 50%;}.af-form-wrapper {background-color: #fff;padding: 20px;border-radius: var(--rounded-corners);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.af-element {margin-bottom: 20px;}.af-element label {font-size: 1.1em;color: var(--primary-color);margin-bottom: 5px;display: block;}.af-textWrap input {width: 100%;padding: 10px;font-size: 1em;border: 1px solid #ccc;border-radius: var(--rounded-corners);}.submit {width: 100%;padding: 12px;font-size: 1.2em;background-color: var(--primary-color);color: white;border: none;border-radius: var(--rounded-corners);cursor: pointer;transition: background-color 0.3s ease;}.submit:hover {background-color: var(--accent-color);}.privacyPolicy p {font-size: 0.9em;}.privacyPolicy a {color: var(--primary-color);text-decoration: none;}.privacyPolicy a:hover {text-decoration: underline;}.poweredBy p {font-size: 0.8em;color: #999;}footer {padding: 40px 20px;background-image: linear-gradient( rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4) ), url('/images/Chess-2.jpg');background-size: cover;background-position: center;position: relative;}footer .footer-logo {max-width: 150px;margin-bottom: 20px;z-index: 2;}footer ul {display: flex;justify-content: center;gap: 30px;z-index: 2;}footer ul li {list-style: none;}footer ul li a {text-decoration: none;font-size: 1.2em;transition: color 0.3s ease;}footer ul li a:hover {color: var(--accent-color);}footer p {text-align: center;font-size: 1em;margin-top: 20px;z-index: 2;}.cookie-banner {position: fixed;bottom: 0;left: 0;right: 0;background-color: #333;color: white;padding: 15px;text-align: center;display: flex;justify-content: space-between;align-items: center;z-index: 1000;opacity: 1;transition: opacity 0.3s ease;}.cookie-banner a {color: var(--accent-color);}.cookie-banner-content {display: flex;flex-direction: column;gap: 10px;max-width: 600px;margin: 0 auto;}.cookie-banner h2 {font-size: 1.2em;}.cookie-banner p {font-size: 1em;}.cookie-button {background-color: #ffbc6b;border: none;color: white;padding: 10px 20px;cursor: pointer;font-size: 1em;border-radius: 5px;transition: background-color 0.3s;margin: 0 5px;}.cookie-button:hover {background-color: #ff9c3d;}.cookie-button:focus {outline: 2px solid #ffbc6b;}.cookie-banner.hidden {opacity: 0;visibility: hidden;pointer-events: none;}@media (min-width: 1024px) {.game-card {height: 400px;width: 45%;}}@media (max-width: 768px) {.game-card {width: 100%;margin-bottom: 20px;}footer ul {flex-direction: column;align-items: center;}.game-list {justify-content: center;}.contact-content {flex-direction: column;align-items: center;}.contact-text, .contact-form {width: 100%;}.contact-form {margin-top: 20px;}#about {flex-direction: column;text-align: center;}p {font-size: 1.2em;}.header-text h1 {font-size: 1.5em;}h1 {font-size: 1.7em;}.header-text {margin-top: 40px;margin-bottom: 40px;}#about img {width: 80%;margin-top: 20px;}.nav-list {display: none;flex-direction: column;gap: 15px;background-color: #fff;position: absolute;top: 60px;right: 0;width: 100%;padding: 20px;}.nav-list.active {display: flex;}.menu-toggle {display: flex;}}