@font-face {font-family: 'Merienda';src: url('/fonts/Merienda/Merienda-VariableFont_wght.woff2') format('woff2'), url('/fonts/Merienda/Merienda-VariableFont_wght.ttf') format('truetype');font-weight: 400 800;font-display: swap;}:root {--color-white: #ffffff;--color-black: #000000;--color-bg: #c9d6ff;--color-bg-gradient-start: #e2e2e2;--color-bg-gradient-end: #c9d6ff;--color-accent: #ffc107;--color-accent-dark: #ffab00;--color-text: #1b1b1b;--color-subtext: #a8a8a8;--font-main: 'Merienda', sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-extra-bold: 800;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg: 0 8px 24px rgba(255, 255, 255, 0.12);--transition-fast: 0.2s ease-in-out;--transition-default: 0.4s ease;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html, body {height: 100%;font-family: var(--font-main);font-weight: var(--font-weight-regular);color: var(--color-text);background-color: var(--color-bg);background-image: url('/images/general-pattern.png'), linear-gradient( to right, var(--color-bg-gradient-start), var(--color-bg-gradient-end) );background-repeat: repeat, no-repeat;background-size: auto, cover;background-attachment: fixed;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-main);color: var(--color-text);line-height: 1.2;margin-bottom: var(--spacing-sm);}h1 {font-size: 2.5rem;font-weight: var(--font-weight-extra-bold);}h2 {font-size: 2rem;font-weight: var(--font-weight-bold);}h3 {font-size: 1.75rem;font-weight: var(--font-weight-bold);}h4 {font-size: 1.5rem;font-weight: var(--font-weight-bold);}h5 {font-size: 1.25rem;font-weight: var(--font-weight-bold);}h6 {font-size: 1rem;font-weight: var(--font-weight-bold);}p {font-size: 1rem;line-height: 1.6;margin-bottom: var(--spacing-sm);color: var(--color-subtext);}.mt-sm {margin-top: var(--spacing-sm);}.mt-md {margin-top: var(--spacing-md);}.mt-lg {margin-top: var(--spacing-lg);}.mb-sm {margin-bottom: var(--spacing-sm);}.mb-md {margin-bottom: var(--spacing-md);}.mb-lg {margin-bottom: var(--spacing-lg);}.p-sm {padding: var(--spacing-sm);}.p-md {padding: var(--spacing-md);}.p-lg {padding: var(--spacing-lg);}.text-center {text-align: center;}.text-right {text-align: right;}.text-uppercase {text-transform: uppercase;}.font-bold {font-weight: var(--font-weight-bold);}.font-extrabold {font-weight: var(--font-weight-extra-bold);}.shadow-md {box-shadow: var(--shadow-md);}.shadow-lg {box-shadow: var(--shadow-lg);}.rounded-sm {border-radius: var(--radius-sm);}.rounded-md {border-radius: var(--radius-md);}.rounded-lg {border-radius: var(--radius-lg);}.hide {display: none !important;}.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 1.5rem;font-size: 1rem;font-weight: var(--font-weight-bold);font-family: var(--font-main);border: none;border-radius: var(--radius-md);cursor: pointer;transition: background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);text-decoration: none;line-height: 1;user-select: none;white-space: nowrap;box-shadow: var(--shadow-md);}.btn-yellow {background-color: var(--color-accent);color: var(--color-black);}.btn-yellow:hover {background-color: var(--color-accent-dark);box-shadow: var(--shadow-lg);transform: translateY(-1px);}.btn-dark {background-color: var(--color-black);color: var(--color-white);}.btn-dark:hover {background-color: #1c1c1c;box-shadow: var(--shadow-lg);transform: translateY(-1px);}.btn-light {background-color: var(--color-white);color: var(--color-black);}.btn-light:hover {background-color: #f2f2f2;box-shadow: var(--shadow-lg);transform: translateY(-1px);}.btn:disabled, .btn[aria-disabled='true'] {opacity: 0.6;pointer-events: none;cursor: not-allowed;box-shadow: none;}.site-header {width: 100%;padding: var(--spacing-md) 0;background-color: transparent;display: flex;justify-content: center;align-items: center;position: relative;z-index: 10;}.header-inner {max-width: 100%;display: flex;justify-content: center;align-items: center;}.logo-link {display: inline-block;transition: transform var(--transition-fast);}.logo-link:hover {transform: scale(1.03);}.site-logo {display: block;max-width: 100%;height: auto;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));}.hero-section {position: relative;display: flex;justify-content: center;align-items: center;min-height: 30vh;padding: var(--spacing-xl) var(--spacing-md);background-image: url('/images/lottery-hero.jpg');background-repeat: repeat;background-size: auto;overflow: hidden;z-index: 1;}.hero-bg-layer {position: absolute;inset: 0;background: linear-gradient( 135deg, rgba(0, 0, 0, 0.7) 0%, rgba(27, 27, 27, 0.8) 100% );z-index: 2;backdrop-filter: blur(2px);}.hero-container {position: relative;z-index: 3;width: 100%;display: flex;justify-content: center;align-items: center;}.hero-inner-card {background: rgba(255, 255, 255, 0.05);border-radius: var(--radius-lg);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);padding: var(--spacing-xl);text-align: center;border: 1px solid rgba(255, 255, 255, 0.1);animation: fadeInCard 1.2s ease forwards;transform: translateY(30px);opacity: 0;}@keyframes fadeInCard {to {transform: translateY(0);opacity: 1;}}.hero-title {font-size: 3rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-md);text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}.hero-subtext {font-size: 1.25rem;line-height: 1.8;color: #f3f3f3;margin-bottom: var(--spacing-lg);margin-left: auto;margin-right: auto;opacity: 0.95;}@media (max-width: 600px) {.hero-title {font-size: 2rem;}.hero-subtext {font-size: 1rem;line-height: 1.6;}}.hero-btn {font-size: 1.125rem;padding: 1rem 2.5rem;border-radius: var(--radius-lg);box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);transition: all var(--transition-fast);}.hero-btn:hover {background-color: var(--color-accent-dark);box-shadow: 0 6px 20px rgba(255, 193, 7, 0.55);transform: scale(1.03);}.section-lotto-story {background-color: #1b1b1b;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);display: flex;justify-content: center;align-items: center;}.section-inner {text-align: center;}.section-heading {font-size: 2.25rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-md);text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}.section-text {font-size: 1.125rem;line-height: 1.9;color: #e6e6e6;opacity: 0.95;}.section-how-to-play {background-color: #121212;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);display: flex;justify-content: center;align-items: center;}.howto-inner {max-width: 1100px;width: 100%;text-align: center;}.howto-heading {font-size: 2.5rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-sm);}.howto-subheading {font-size: 1.25rem;color: #e0e0e0;margin-bottom: var(--spacing-lg);}.howto-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--spacing-lg);margin-bottom: var(--spacing-lg);}.howto-step {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: var(--radius-md);padding: var(--spacing-lg);box-shadow: var(--shadow-md);transition: transform var(--transition-fast);}.howto-step:hover {box-shadow: var(--shadow-lg);}.howto-icon {width: 64px;height: 64px;margin-bottom: var(--spacing-sm);filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));}.howto-step-title {font-size: 1.5rem;font-weight: var(--font-weight-bold);margin-bottom: var(--spacing-sm);color: var(--color-accent);}.howto-step-desc {font-size: 1.05rem;color: #d2d2d2;line-height: 1.7;}.howto-extra-info {margin-top: var(--spacing-md);font-size: 1.1rem;color: #ccc;line-height: 1.8;}.section-number-stats {background-color: #0f0f0f;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);display: flex;justify-content: center;align-items: center;}.stats-inner {max-width: 1200px;width: 100%;text-align: center;}.stats-heading {font-size: 2.5rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-md);}.stats-intro {font-size: 1.125rem;color: #cccccc;margin-bottom: var(--spacing-lg);max-width: 800px;margin-left: auto;margin-right: auto;line-height: 1.8;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--spacing-lg);}@media (max-width: 600px) {.expert-quote {grid-column: span 1 !important;}}.stats-block {background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: var(--radius-md);padding: var(--spacing-lg);box-shadow: var(--shadow-md);text-align: left;transition: transform var(--transition-fast);}.stats-block:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.stats-icon {width: 48px;height: 48px;margin-bottom: var(--spacing-sm);}.stats-subtitle {font-size: 1.25rem;font-weight: var(--font-weight-bold);color: var(--color-accent);margin-bottom: var(--spacing-sm);}.stats-text {font-size: 1.05rem;color: #e2e2e2;line-height: 1.7;}.expert-quote {grid-column: span 2;background: rgba(255, 255, 255, 0.06);}.section-why-choose {background-color: #1a1a1a;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);display: flex;justify-content: center;align-items: center;}.why-inner {max-width: 1150px;width: 100%;text-align: center;}.why-heading {font-size: 2.5rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-md);}.why-subheading {font-size: 1.125rem;color: #d0d0d0;margin-bottom: var(--spacing-lg);line-height: 1.7;}.why-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: var(--spacing-lg);margin-top: var(--spacing-md);}.why-item {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: var(--radius-md);padding: var(--spacing-lg);text-align: left;transition: transform var(--transition-fast);box-shadow: var(--shadow-md);}.why-item:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}.why-icon {width: 48px;height: 48px;margin-bottom: var(--spacing-sm);}.why-title {font-size: 1.25rem;font-weight: var(--font-weight-bold);color: var(--color-accent);margin-bottom: var(--spacing-sm);}.why-text {font-size: 1.05rem;color: #e2e2e2;line-height: 1.7;}.section-responsible {background-color: #0d0d0d;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);display: flex;justify-content: center;align-items: center;font-size: 1.05rem;}.responsible-inner {max-width: 1100px;width: 100%;text-align: center;}.responsible-heading {font-size: 2.25rem;font-weight: var(--font-weight-extra-bold);color: var(--color-accent);margin-bottom: var(--spacing-md);}.responsible-text {color: #d0d0d0;line-height: 1.8;margin-bottom: var(--spacing-lg);}.responsible-support {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: var(--spacing-lg);margin-bottom: var(--spacing-lg);}.support-block {background: rgba(255, 255, 255, 0.04);border-radius: var(--radius-md);padding: var(--spacing-md);text-align: left;border: 1px solid rgba(255, 255, 255, 0.08);}.support-icon {width: 100px;height: auto;margin-bottom: var(--spacing-sm);}.support-block a {color: var(--color-accent);text-decoration: underline;}.responsible-legal, .responsible-cookie {color: #c0c0c0;margin-bottom: var(--spacing-md);line-height: 1.7;}.legal-18 {font-weight: var(--font-weight-bold);margin-top: var(--spacing-sm);color: #ff6161;}.site-footer {background-color: #0a0a0a;padding: var(--spacing-lg) var(--spacing-md);color: var(--color-white);text-align: center;}.footer-inner {max-width: 1100px;margin: 0 auto;}.footer-legal-links {margin-bottom: var(--spacing-md);}.footer-link {color: var(--color-accent);margin: 0 var(--spacing-sm);font-size: 0.95rem;text-decoration: none;transition: color var(--transition-fast);}.footer-link:hover {color: var(--color-accent-dark);}.footer-trust-logos {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: var(--spacing-md);margin-bottom: var(--spacing-md);}.footer-logo {height: 40px;width: auto;filter: brightness(0.9);transition: transform var(--transition-fast);}.footer-logo:hover {transform: scale(1.05);filter: brightness(1.1);}.footer-note {font-size: 0.875rem;color: #bbbbbb;margin-top: var(--spacing-sm);line-height: 1.5;}.auth-section {background-color: #111;padding: var(--spacing-xl) var(--spacing-md);display: flex;justify-content: center;align-items: center;}.auth-container {width: 100%;max-width: 400px;background: #1a1a1a;border-radius: var(--radius-md);padding: var(--spacing-lg);box-shadow: var(--shadow-lg);color: #fff;}.auth-tabs {display: flex;justify-content: space-around;margin-bottom: var(--spacing-md);}.auth-tab {background: transparent;border: none;font-size: 1.1rem;color: #bbb;padding: var(--spacing-sm);cursor: pointer;transition: color 0.3s;}.auth-tab.active {color: var(--color-accent);font-weight: var(--font-weight-bold);}.auth-form {display: flex;flex-direction: column;gap: var(--spacing-md);}.form-group {display: flex;flex-direction: column;}input[type='email'], input[type='password'], input[type='text'] {background: #222;border: 1px solid #333;color: #fff;padding: 0.75rem;border-radius: var(--radius-sm);font-size: 1rem;width: 100%;}input:focus {outline: none;border-color: var(--color-accent);}.password-group {position: relative;}.toggle-password {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);background: none;border: none;color: #999;font-size: 1rem;cursor: pointer;}.toggle-password:hover {color: var(--color-accent);}.hidden {display: none;}.auth-notification p {color: #fff;}.auth-notification {background-color: #065a07;border-left: 4px solid var(--color-accent);color: #fff;padding: 1rem;border-radius: var(--radius-sm);margin-bottom: var(--spacing-md);font-size: 0.95rem;box-shadow: var(--shadow-md);animation: fadeIn 0.4s ease forwards;position: fixed;left: 0;bottom: 0;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-5px);}to {opacity: 1;transform: translateY(0);}}.legal-page {background-color: #111;color: #f0f0f0;padding: var(--spacing-xl) var(--spacing-md);font-size: 1.05rem;line-height: 1.75;}.legal-inner {max-width: 900px;margin: 0 auto;}.legal-title {font-size: 2.5rem;font-weight: var(--font-weight-extra-bold);margin-bottom: var(--spacing-sm);color: var(--color-accent);}.legal-updated {font-size: 0.95rem;color: #aaa;margin-bottom: var(--spacing-md);}.legal-subtitle {font-size: 1.5rem;font-weight: var(--font-weight-bold);margin-top: var(--spacing-lg);margin-bottom: var(--spacing-sm);color: var(--color-accent);}.legal-paragraph {margin-bottom: var(--spacing-md);}.legal-list {margin: var(--spacing-sm) 0 var(--spacing-md) var(--spacing-md);padding-left: 1rem;list-style: disc;}.legal-list li {margin-bottom: 0.5rem;}.legal-page a {color: var(--color-accent);text-decoration: underline;}.legal-page a:hover {color: var(--color-accent-dark);}