@font-face {font-family: 'Milonga';src: url('/fonts/Milonga/Milonga-Regular.woff2') format('woff2'), url('/fonts/Milonga/Milonga-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;font-display: swap;}@font-face {font-family: 'Aref Ruqaa Ink';src: url('/fonts/Aref_Ruqaa_Ink/ArefRuqaaInk-Regular.woff2') format('woff2'), url('/fonts/Aref_Ruqaa_Ink/ArefRuqaaInk-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;font-display: swap;}:root {--color-black: #000000;--color-primary: #f79b72;--color-dark: #2a4759;--color-light: #eeeeee;--color-accent: #ff6f3c;--color-accent-dark: #d5451b;--color-danger: #b22222;--font-display: 'Milonga', serif;--font-body: 'Aref Ruqaa Ink', serif;--base-radius: 8px;--base-spacing: 1rem;--transition-fast: 0.2s ease-in-out;--transition-slow: 0.4s ease-in-out;}* {margin: 0;padding: 0;box-sizing: border-box;}html, body {font-family: var(--font-body);background: url('/images/bg-desk.png') repeat;color: var(--color-dark);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.container {max-width: 1280px;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}.section {padding-top: 4rem;padding-bottom: 4rem;}.d-flex {display: flex;}.flex-col {flex-direction: column;}.flex-row {flex-direction: row;}.flex-wrap {flex-wrap: wrap;}.justify-center {justify-content: center;}.justify-between {justify-content: space-between;}.align-center {align-items: center;}.text-center {text-align: center;}.text-left {text-align: left;}.text-right {text-align: right;}.text-uppercase {text-transform: uppercase;}.text-xs {font-size: 0.75rem;}.text-sm {font-size: 0.875rem;}.text-md {font-size: 1rem;}.text-lg {font-size: 1.25rem;}.text-xl {font-size: 1.5rem;}.text-xxl {font-size: 2rem;}.m-0 {margin: 0;}.mt-1 {margin-top: 0.5rem;}.mt-2 {margin-top: 1rem;}.mt-3 {margin-top: 2rem;}.mb-1 {margin-bottom: 0.5rem;}.mb-2 {margin-bottom: 1rem;}.mb-3 {margin-bottom: 2rem;}.mx-auto {margin-left: auto;margin-right: auto;}.p-0 {padding: 0;}.pt-1 {padding-top: 0.5rem;}.pt-2 {padding-top: 1rem;}.pt-3 {padding-top: 2rem;}.pb-1 {padding-bottom: 0.5rem;}.pb-2 {padding-bottom: 1rem;}.pb-3 {padding-bottom: 2rem;}.w-100 {width: 100%;}.w-50 {width: 50%;}.w-auto {width: auto;}.img-responsive {display: block;max-width: 100%;height: auto;}.grid {display: flex;flex-wrap: wrap;margin-left: -0.5rem;margin-right: -0.5rem;}[class*='col-'] {padding-left: 0.5rem;padding-right: 0.5rem;width: 100%;}.col-6 {width: 50%;}.col-4 {width: 33.3333%;}.col-3 {width: 25%;}.col-12 {width: 100%;}@media (min-width: 768px) {.col-md-6 {width: 50%;}.col-md-4 {width: 33.3333%;}.col-md-3 {width: 25%;}.col-md-12 {width: 100%;}}@media (min-width: 1024px) {.col-lg-6 {width: 50%;}.col-lg-4 {width: 33.3333%;}.col-lg-3 {width: 25%;}.col-lg-12 {width: 100%;}}.btn {display: inline-flex;align-items: center;justify-content: center;border-radius: var(--base-radius);font-family: var(--font-body);font-weight: 400;cursor: pointer;transition: all var(--transition-fast);text-decoration: none;white-space: nowrap;user-select: none;text-align: center;line-height: 1;position: relative;overflow: hidden;}.btn-sm {padding: 0.5rem 1rem;font-size: 1rem;}.btn-lg {padding: 1rem 2rem;font-size: 1.3rem;}.btn-filled {background-color: var(--color-accent);color: #210f37;border: 2px solid transparent;}.btn-filled:hover {background-color: #fff;color: var(--color-accent);border-color: var(--color-accent);}.btn-outlined {background-color: transparent;color: var(--color-accent);border: 2px solid var(--color-accent);}.btn-outlined:hover {background-color: var(--color-accent);color: #fff;}.btn::before {content: '';position: absolute;width: 120%;height: 0;background: rgba(255, 255, 255, 0.1);top: 50%;left: -10%;transform: rotate(45deg);transition: all 0.5s ease;z-index: 0;}.btn:hover::before {height: 300%;}.btn span {position: relative;z-index: 1;}.main-header {background-color: rgba(255, 255, 255, 0.9);position: sticky;top: 0;z-index: 100;border-bottom: 1px solid var(--color-light);backdrop-filter: blur(10px);}.header-inner {display: flex;align-items: center;justify-content: space-between;height: 70px;position: relative;}.burger {display: inline-flex;cursor: pointer;color: var(--color-dark);}.logo img {display: block;max-height: 45px;margin: 0 auto;}.main-nav {display: none;gap: 2rem;}.main-nav a {color: var(--color-dark);text-decoration: none;font-family: var(--font-body);font-size: 1.3rem;transition: color var(--transition-fast);}.main-nav a:hover {color: var(--color-primary);}.menu-drawer {position: absolute;top: 70px;right: 1rem;width: 240px;background-color: #fff;border: 1px solid var(--color-light);box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);padding: 1rem;display: none;flex-direction: column;gap: 1rem;}.drawer-links {display: flex;flex-direction: column;align-items: center;justify-content: center;}.menu-drawer .drawer-links a {color: var(--color-dark);text-decoration: none;font-size: 1.5rem;padding: 1rem 0;border-top: 1px solid var(--color-dark);}.menu-drawer .drawer-links a:hover {color: var(--color-primary);}.close-icon {display: inline-flex;align-self: flex-end;cursor: pointer;margin-bottom: 1rem;}.menu-toggle:checked ~ .menu-drawer {display: flex;}@media (min-width: 992px) {.burger, .menu-drawer {display: none !important;}.main-nav {display: flex;}.logo {position: absolute;left: 50%;transform: translateX(-50%);}}.hero-parallax {position: relative;overflow: hidden;min-height: 520px;display: flex;align-items: center;justify-content: center;background-color: var(--color-black);}.hero-parallax .hero-bg {position: absolute;inset: 0;z-index: 1;transform: translateZ(0);will-change: transform;overflow: hidden;}.hero-parallax .hero-bg img {width: 100%;height: auto;min-height: 100%;object-fit: cover;object-position: center;filter: brightness(0.5);transform: translateY(-20%);will-change: transform;pointer-events: none;user-select: none;}.hero-overlay-content {position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;min-height: 520px;padding: 4rem 1rem;text-align: left;}.hero-info {color: #fff;}.hero-title {font-family: var(--font-display);font-size: 3rem;color: var(--color-primary);line-height: 1.2;margin-bottom: 1.5rem;}.hero-desc {font-family: var(--font-body);font-size: 1.3rem;color: #eeeeee;line-height: 1.7;margin-bottom: 2rem;}.hero-buttons {display: flex;gap: 1rem;flex-wrap: wrap;}@media (min-width: 768px) {.hero-title {font-size: 4rem;}.hero-desc {font-size: 1.5rem;}.hero-overlay-content {padding-top: 6rem;padding-bottom: 6rem;}}@media (min-width: 1024px) {.hero-parallax .hero-overlay-content {text-align: left;justify-content: flex-start;}}.section-types {padding-top: 6rem;padding-bottom: 6rem;}.section-heading {max-width: 840px;margin: 0 auto 4rem auto;}.section-heading .section-title {font-family: var(--font-display);font-size: 3rem;color: var(--color-dark);margin-bottom: 1rem;}.section-heading .section-subtitle {font-family: var(--font-body);font-size: 1.5rem;color: var(--color-dark);line-height: 1.7;}.game-type-grid {display: grid;gap: 2rem;}@media (min-width: 768px) {.game-type-grid {grid-template-columns: repeat(2, 1fr);}}.game-type-card {background-color: #ffffff;padding: 2rem;border-radius: var(--base-radius);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);border-left: 5px solid var(--color-primary);display: flex;flex-direction: column;transition: transform 0.3s ease;}.game-type-card:hover {transform: translateY(-4px);}.icon-box {font-size: 3rem;margin-bottom: 1rem;color: var(--color-accent);}.game-type-title {font-family: var(--font-body);font-size: 1.4rem;color: var(--color-dark);margin-bottom: 0.75rem;font-weight: 600;}.game-type-card p {font-size: 1.2rem;color: var(--color-dark);font-family: var(--font-body);line-height: 1.6;}.section-game-collection {padding-top: 6rem;padding-bottom: 6rem;}.game-card-grid {display: grid;gap: 2.5rem;}@media (min-width: 768px) {.game-card-grid {grid-template-columns: repeat(2, 1fr);}}.game-card {background-color: #fff;border-radius: var(--base-radius);overflow: hidden;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;transition: transform 0.3s ease;}.game-image img {width: 100%;height: auto;display: block;object-fit: cover;object-position: center;}.game-content {padding: 1.5rem;display: flex;flex-direction: column;gap: 1rem;height: 100%;justify-content: space-between;}.game-tag {display: inline-block;background-color: var(--color-primary);color: #000;font-size: 0.75rem;font-weight: bold;padding: 0.25rem 0.75rem;border-radius: 4px;text-transform: uppercase;letter-spacing: 0.5px;}.game-name {font-family: var(--font-body);font-size: 1.5rem;color: var(--color-dark);margin: 0;}.game-description {font-size: 1.1rem;font-family: var(--font-body);color: var(--color-dark);line-height: 1.6;}.game-meta {list-style: none;padding: 0;margin: 0 0 1rem 0;font-size: 1.1rem;font-family: var(--font-body);color: var(--color-dark);display: flex;flex-direction: column;gap: 0.25rem;}.game-tip {font-size: 1rem;font-style: italic;color: var(--color-dark);margin-bottom: 1rem;}.section-contact {position: relative;overflow: hidden;color: #fff;}.contact-bg {position: absolute;inset: 0;z-index: 1;overflow: hidden;}.contact-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;filter: brightness(0.3);}.contact-overlay {position: relative;z-index: 2;padding-top: 1rem;padding-bottom: 1rem;}.section-contact .section-heading .section-subtitle, .section-contact .section-heading .section-title {color: var(--color-light);}.contact-form {max-width: 640px;margin: 0 auto;display: flex;flex-direction: column;gap: 1.5rem;}.form-group {display: flex;flex-direction: column;}.form-group label {font-family: var(--font-body);margin-bottom: 0.5rem;font-size: 1.3rem;color: #eee;}.form-group input, .form-group textarea {font-family: var(--font-body);font-size: 1.2rem;padding: 0.75rem;border-radius: var(--base-radius);border: none;outline: none;background-color: #fff;color: var(--color-dark);}.form-group input::placeholder, .form-group textarea::placeholder {color: #999;}.form-options {display: flex;flex-direction: column;gap: 0.75rem;font-size: 0.9rem;}.checkbox {display: flex;align-items: center;gap: 0.5rem;color: #ddd;}.checkbox input {accent-color: var(--color-primary);transform: scale(1.2);}.section-why-top {background-color: #fff;padding-top: 5rem;padding-bottom: 5rem;font-family: var(--font-body);}.why-top-content {margin: 0 auto;font-size: 1.3rem;color: var(--color-dark);line-height: 1.7;display: flex;flex-direction: column;gap: 1.25rem;}.why-top-list {margin-top: 0.5rem;padding-left: 1.5rem;list-style: disc;color: var(--color-dark);}.site-footer {background-color: var(--color-dark);color: #eee;padding-top: 4rem;padding-bottom: 2rem;font-family: var(--font-body);}.footer-inner {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2rem;}.footer-column {flex: 1 1 200px;}.footer-title {font-size: 1.5rem;font-weight: bold;margin-bottom: 1rem;color: var(--color-primary);}.footer-links {list-style: none;padding: 0;margin: 0;font-size: 1.2rem;}.footer-links li {margin-bottom: 0.5rem;}.footer-links a {color: #ccc;text-decoration: none;transition: color 0.2s ease;}.footer-links a:hover {color: var(--color-primary);}.footer-logo {flex: 1 1 180px;display: flex;align-items: flex-end;justify-content: center;padding-top: 2rem;}.footer-logo img {max-width: 100%;height: auto;}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);text-align: center;margin-top: 2rem;padding-top: 1.5rem;font-size: 1rem;color: #fff;}.page-header {padding: 3rem 0;border-bottom: 1px solid #ddd;}.page-title {font-family: var(--font-display);font-size: 2rem;color: var(--color-dark);margin-top: 0.5rem;}.breadcrumb {font-size: 0.875rem;font-family: var(--font-body);color: var(--color-dark);}.breadcrumb ul {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;gap: 0.25rem;align-items: center;}.breadcrumb a {color: var(--color-primary);text-decoration: none;transition: color 0.2s ease;}.breadcrumb a:hover {color: var(--color-accent);}.breadcrumb span {color: #666;}.section-about-intro {background-color: #fff;padding: 5rem 0;}.about-intro-wrapper {display: flex;flex-wrap: wrap;gap: 3rem;align-items: center;}.about-intro-text {flex: 1 1 460px;font-family: var(--font-body);font-size: 1.05rem;line-height: 1.7;color: var(--color-dark);}.about-intro-text p + p {margin-top: 1.25rem;}.about-intro-visual {flex: 1 1 480px;}.about-intro-visual img {width: 100%;height: auto;border-radius: var(--base-radius);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.section-learn-cta {background-color: #f7f7f7;padding: 5rem 0;}.learn-content-wrapper {display: flex;flex-wrap: wrap;gap: 3rem;align-items: center;}.learn-text {flex: 1 1 480px;font-family: var(--font-body);color: var(--color-dark);}.learn-text p {font-size: 1.05rem;line-height: 1.6;margin-bottom: 1.25rem;}.learn-points {list-style: none;padding: 0;margin-bottom: 2rem;}.learn-points li {margin-bottom: 0.75rem;font-size: 1rem;padding-left: 1.2rem;position: relative;}.learn-points li::before {content: '✔';position: absolute;left: 0;color: var(--color-primary);font-weight: bold;}.learn-visual {flex: 1 1 480px;}.learn-visual img {width: 100%;height: auto;border-radius: var(--base-radius);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}.section-our-story {background-color: #fff;padding: 5rem 0;}.story-wrapper {display: flex;flex-wrap: wrap;gap: 3rem;align-items: center;}.story-text {flex: 1 1 480px;font-family: var(--font-body);font-size: 1.05rem;color: var(--color-dark);line-height: 1.7;}.story-text p + p {margin-top: 1.25rem;}.story-visual {flex: 1 1 480px;}.story-visual img {width: 100%;height: auto;border-radius: var(--base-radius);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.section-services {background-color: #fdfdfd;padding: 5rem 0;font-family: var(--font-body);}.services-header {max-width: 720px;margin: 0 auto 3rem auto;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 2rem;}.service-card {background-color: #fff;border-radius: var(--base-radius);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);padding: 2rem;transition: box-shadow 0.3s ease;}.service-card:hover {box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);}.service-title {font-size: 1.25rem;font-weight: bold;color: var(--color-primary);margin-bottom: 1rem;}.service-card p {font-size: 1rem;color: var(--color-dark);line-height: 1.6;}.section-goals-mission {background-color: #ffffff;padding: 5rem 0;font-family: var(--font-body);color: var(--color-dark);}.goals-mission-wrapper {display: flex;flex-wrap: wrap;gap: 3rem;}.goals-column, .mission-column {flex: 1 1 480px;}.section-goals-mission .section-title {font-family: var(--font-display);font-size: 1.75rem;margin-bottom: 1.5rem;color: var(--color-primary);}.section-goals-mission p {font-size: 1.05rem;line-height: 1.75;margin-bottom: 1.25rem;}.game-intro {padding: 5rem 0;background-color: #fdfdfd;}.game-intro-wrapper {display: flex;flex-wrap: wrap;gap: 3rem;align-items: flex-start;}.game-intro-image {flex: 1 1 480px;}.game-intro-image img {width: 100%;border-radius: var(--base-radius);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}.game-intro-text {flex: 1 1 460px;}.game-title {font-family: var(--font-display);font-size: 2rem;color: var(--color-dark);margin-bottom: 0.75rem;}.game-tagline {font-size: 1.1rem;font-weight: 500;color: var(--color-primary);margin-bottom: 1.5rem;}.game-meta-list {list-style: none;padding: 0;margin-bottom: 1.25rem;}.game-meta-list li {margin-bottom: 0.5rem;font-size: 0.95rem;color: #444;}.game-intro-paragraph {font-size: 1.05rem;color: var(--color-dark);line-height: 1.6;}.game-how-to-play {background-color: #fff;padding: 5rem 0;font-family: var(--font-body);color: var(--color-dark);}.section-intro {font-size: 1.05rem;margin-bottom: 2rem;line-height: 1.7;}.how-to-steps {list-style: decimal;margin-left: 1.5rem;padding-left: 0.5rem;font-size: 1rem;line-height: 1.75;}.how-to-steps li {margin-bottom: 1rem;}.how-to-note {margin-top: 2rem;font-size: 0.95rem;color: #444;}.game-core-mechanics {background-color: #f7f7f7;padding: 5rem 0;}.mechanics-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 2rem;margin-top: 2rem;}.mechanic-item {background-color: #fff;border-radius: var(--base-radius);padding: 1.75rem;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);transition: box-shadow 0.25s ease;}.mechanic-item:hover {box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}.mechanic-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 1rem;color: var(--color-primary);}.mechanic-item p {font-size: 0.95rem;color: var(--color-dark);line-height: 1.6;}.game-tips-beginner {background-color: #fff;padding: 5rem 0;}.beginner-tips-list {list-style: none;padding-left: 0;margin-top: 2rem;}.beginner-tips-list li {margin-bottom: 1.75rem;font-size: 1rem;line-height: 1.7;position: relative;padding-left: 1rem;}.beginner-tips-list li::before {content: '🎯';position: absolute;left: 0;top: 0.25rem;font-size: 1rem;}.game-strategy {background-color: #f7f7f7;padding: 5rem 0;}.strategy-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 2rem;margin-top: 2rem;}.strategy-item {background-color: #fff;border-radius: var(--base-radius);padding: 2rem;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);transition: box-shadow 0.25s ease;}.strategy-item:hover {box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);}.strategy-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 1rem;color: var(--color-primary);}.strategy-item p {font-size: 0.95rem;line-height: 1.65;color: var(--color-dark);}.game-variants {background-color: #fff;padding: 5rem 0;font-family: var(--font-body);color: var(--color-dark);}.variants-list {list-style: none;margin-top: 2rem;padding-left: 0;}.variants-list li {margin-bottom: 1.5rem;padding-left: 1.5rem;position: relative;font-size: 1rem;line-height: 1.65;}.variants-list li::before {content: '🎮';position: absolute;left: 0;top: 0;font-size: 1rem;}.variants-note {margin-top: 2rem;font-size: 0.95rem;color: #555;}.legal-section {padding: 4rem 1rem;max-width: 860px;margin: 0 auto;line-height: 1.7;color: #2a4759;background: #ffffff;}.legal-section h2 {font-family: 'Milonga', serif;font-size: 2rem;margin-bottom: 1.5rem;}.legal-section h3 {font-size: 1.25rem;font-weight: 600;margin-top: 2rem;margin-bottom: 1rem;color: #000000;}.legal-section p, .legal-section ul {font-family: 'Aref Ruqaa Ink', serif;font-size: 1rem;margin-bottom: 1.25rem;color: #2a4759;}.legal-section ul {padding-left: 1.5rem;list-style: disc;}.legal-section strong {color: #000000;}