* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height: 1.6;color: #1a1a1a;background-color: #ffffff;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.header {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);position: sticky;op: 0;z-index: 1000;}.header__content {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;}.logo__img {height: 40px;width: auto;}.nav {display: flex;gap: 2rem;}.nav__link {color: #ffffff;ext-decoration: none;font-weight: 500;ransition: color 0.3s ease;position: relative;}.nav__link:hover {color: #ff6b35;}.nav__link::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: #ff6b35;ransition: width 0.3s ease;}.nav__link:hover::after {width: 100%;}.play-btn {background: linear-gradient(45deg, #ff6b35, #f7931e);color: white;padding: 12px 24px;border-radius: 25px;ext-decoration: none;font-weight: 600;position: relative;overflow: hidden;ransition: transform 0.3s ease;}.play-btn:hover {ransform: translateY(-2px);}.play-btn__pulse {position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, #ff6b35, #f7931e);border-radius: 25px;opacity: 0;animation: pulse 2s infinite;}@keyframes pulse {0% { opacity: 0; transform: scale(1); }50% { opacity: 0.3; transform: scale(1.05); }100% { opacity: 0; transform: scale(1.1); }}.mobile-menu-btn {display: none;flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;}.mobile-menu-btn span {width: 25px;height: 3px;background: white;ransition: all 0.3s ease;}.breadcrumb {background: #f8f9fa;padding: 1rem 0;border-bottom: 1px solid #e9ecef;}.breadcrumb__list {display: flex;list-style: none;gap: 0.5rem;}.breadcrumb__link {color: #6c757d;ext-decoration: none;}.breadcrumb__link:hover {color: #ff6b35;}.breadcrumb__item--current .breadcrumb__text {color: #495057;font-weight: 500;}.hero {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 4rem 0;position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity: 0.1;}.hero__content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;position: relative;z-index: 1;}.hero__title {font-size: 3rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;}.hero__description {font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;}.text-link {color: #ffd700;ext-decoration: underline;}.text-link:hover {color: #ffffff;}.hero__stats {display: flex;gap: 2rem;margin-top: 2rem;}.stat {ext-align: center;}.stat__number {display: block;font-size: 2rem;font-weight: 700;color: #ffd700;}.stat__label {font-size: 0.9rem;opacity: 0.8;}.hero__img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}.section__header {ext-align: center;margin-bottom: 3rem;}.section__title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;color: #1a1a1a;}.section__description {font-size: 1.2rem;color: #6c757d;max-width: 600px;margin: 0 auto;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 2rem;margin: 3rem 0;}.feature-card {background: white;padding: 2rem;border-radius: 16px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);ransition: all 0.3s ease;border: 1px solid #e9ecef;position: relative;overflow: hidden;}.feature-card::before {content: '';position: absolute;op: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #667eea, #764ba2);}.feature-card:hover {ransform: translateY(-8px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}.feature-features {list-style: none;padding: 0;margin: 1rem 0;}.feature-features li {padding: 0.5rem 0;color: #6c757d;position: relative;padding-left: 1.5rem;}.feature-features li::before {content: "✓";position: absolute;left: 0;color: #28a745;font-weight: bold;}.feature-stats {margin-top: 1rem;padding-top: 1rem;border-top: 1px solid #e9ecef;}.stat {display: flex;justify-content: space-between;margin-bottom: 0.5rem;}.stat-label {color: #6c757d;font-weight: 500;}.stat-value {color: #1a1a1a;font-weight: 600;}.feature-icon {font-size: 3rem;margin-bottom: 1rem;display: block;}.feature-title {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.feature-description {color: #6c757d;line-height: 1.6;}.game-overview {padding: 4rem 0;background: #f8f9fa;}.overview-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.overview-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.overview-text p {margin-bottom: 1.5rem;color: #6c757d;line-height: 1.6;}.gameplay-list {list-style: none;padding-left: 0;}.gameplay-list li {padding: 0.5rem 0;color: #6c757d;}.gameplay-list strong {color: #1a1a1a;}.overview-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.steps-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin: 3rem 0;}.step {background: #fff;border: 1px solid #e9ecef;border-radius: 12px;padding: 1.5rem;box-shadow: 0 2px 10px rgba(0,0,0,0.06);ransition: all 0.3s ease;display: flex;flex-direction: column;gap: 1rem;height: 100%;}.step:hover {ransform: translateY(-3px);box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.step__number {background: linear-gradient(45deg, #ff6b35, #f7931e);color: white;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.3rem;flex-shrink: 0;align-self: center;}.step__title {font-size: 1.25rem;font-weight: 700;margin-bottom: 0.75rem;color: #1a1a1a;}.step__text {color: #6c757d;line-height: 1.7;font-size: 0.95rem;}.demo-section {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 4rem 0;}.demo-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;}.demo-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;}.demo-description {font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;}.demo-features {padding: 4rem 0;background: rgb(22, 33, 62);}.demo-features .section__header {ext-align: center;margin-bottom: 3rem;}.demo-features .section__title {color: #ffffff;font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;}.demo-features .section__description {color: rgba(255, 255, 255, 0.8);font-size: 1.2rem;margin-bottom: 2rem;}.demo-features .features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.demo-features .feature-card {background: rgba(255, 255, 255, 0.1);border-radius: 16px;padding: 2rem;ext-align: center;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);ransition: all 0.3s ease;}.demo-features .feature-card:hover {ransform: translateY(-5px);background: rgba(255, 255, 255, 0.15);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);}.demo-features .feature-icon {font-size: 3rem;margin-bottom: 1rem;display: block;}.demo-features .feature-title {color: #ffffff;font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;}.demo-features .feature-description {color: rgba(255, 255, 255, 0.8);line-height: 1.6;font-size: 1.1rem;}@media (max-width: 768px) {.demo-features .section__title {font-size: 2rem;}.demo-features .features-grid {grid-template-columns: 1fr;gap: 1.5rem;}.demo-features .feature-card {padding: 1.5rem;}}.casinos {padding: 4rem 0;background: #f8f9fa;}.top-casinos {padding: 4rem 0;background: #f8f9fa;}.casinos-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin: 3rem 0;}.casino-card {background: white;border-radius: 16px;padding: 2rem;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);ransition: all 0.3s ease;border: 1px solid #e9ecef;position: relative;overflow: hidden;display: flex;flex-direction: column;height: 100%;}.casino-card::before {content: '';position: absolute;op: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #28a745, #20c997);}.casino-card--featured::before {background: linear-gradient(90deg, #ff6b35, #f7931e);}.casino-card:hover {ransform: translateY(-8px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}.casino-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}.casino-logo {height: 40px;width: auto;}.casino-rating {ext-align: right;}.casino-rating .rating-stars {color: #ffd700;font-size: 1rem;margin-bottom: 0.25rem;letter-spacing: 2px;}.casino-rating .rating-score {color: #1a1a1a;font-weight: 700;font-size: 1.25rem;}.casino-content {display: flex;flex-direction: column;flex-grow: 1;}.casino-name {font-size: 1.5rem;font-weight: 700;color: #1a1a1a;margin-bottom: 0.75rem;}.casino-description {color: #495057;font-size: 0.95rem;line-height: 1.6;margin-bottom: 1.25rem;}.casino-description strong {color: #1a1a1a;font-weight: 600;}.casino-features {margin-bottom: 1.5rem;}.casino-features .feature {color: #495057;font-size: 0.9rem;padding: 0.4rem 0;line-height: 1.5;}.feature {padding: 0.3rem 0;color: #6c757d;}.casino-bonus {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 1.25rem;border-radius: 12px;margin-bottom: 1.5rem;border: 1px solid #dee2e6;}.casino-bonus h4 {color: #1a1a1a;margin-bottom: 0.75rem;font-size: 1rem;font-weight: 600;}.casino-bonus p {color: #495057;font-size: 0.95rem;line-height: 1.5;font-weight: 500;}.casino-stats {margin-bottom: 1.5rem;}.casino-stats .stat {display: flex;justify-content: space-between;padding: 0.5rem 0;color: #495057;font-size: 0.9rem;border-bottom: 1px solid #e9ecef;}.casino-stats .stat:last-child {border-bottom: none;}.casino-stats .stat-label {color: #6c757d;}.casino-stats .stat-value {font-weight: 600;color: #1a1a1a;}.casino-card .btn {margin-top: auto;width: 100%;padding: 1rem;font-size: 1.05rem;font-weight: 600;ext-align: center;}.faq {max-width: 800px;margin: 0 auto;}.faq__item {border-bottom: 1px solid #e9ecef;margin-bottom: 1rem;}.faq__question {display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 0;cursor: pointer;font-weight: 600;color: #1a1a1a;}.faq__question:hover {color: #ff6b35;}.faq__arrow {font-size: 1.5rem;ransition: transform 0.3s ease;}.faq__item.active .faq__arrow {ransform: rotate(45deg);}.faq__answer {padding: 0 0 1.5rem 0;color: #6c757d;line-height: 1.6;display: none;}.faq__item.active .faq__answer {display: block;}.verdict {padding: 5rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}.verdict-content {max-width: 1000px;margin: 0 auto;}.verdict-header {ext-align: center;margin-bottom: 3rem;}.verdict-badge {display: inline-block;background: linear-gradient(135deg, #ff6b35, #f7931e);color: white;padding: 0.5rem 1.5rem;border-radius: 30px;font-weight: 600;font-size: 0.95rem;margin-bottom: 1rem;box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);}.verdict-title {font-size: 2.5rem;font-weight: 700;color: #1a1a1a;margin-bottom: 0;}.verdict-intro {font-size: 1.15rem;line-height: 1.8;color: #495057;margin-bottom: 3rem;ext-align: center;max-width: 900px;margin-left: auto;margin-right: auto;}.verdict-blocks {display: grid;gap: 2rem;margin-bottom: 3rem;}.verdict-block {background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);border-left: 4px solid #ff6b35;ransition: all 0.3s ease;}.verdict-block:hover {ransform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}.verdict-block-title {font-size: 1.4rem;font-weight: 700;color: #1a1a1a;margin-bottom: 1rem;}.verdict-block p {font-size: 1rem;line-height: 1.8;color: #495057;margin: 0;}.verdict-footer {background: white;padding: 2.5rem;border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);ext-align: center;}.verdict-rating {display: flex;align-items: center;justify-content: center;gap: 1rem;margin-bottom: 1.5rem;}.verdict-stars {font-size: 2rem;color: #ffd700;letter-spacing: 3px;}.verdict-score {font-size: 2rem;font-weight: 700;color: #ff6b35;}.verdict-final {font-size: 1.05rem;line-height: 1.8;color: #495057;margin: 0;}.verdict-final strong {color: #1a1a1a;font-weight: 700;}@media (max-width: 768px) {.verdict {padding: 3rem 0;}.verdict-title {font-size: 1.8rem;}.verdict-intro {font-size: 1rem;}.verdict-block {padding: 1.5rem;}.verdict-block-title {font-size: 1.2rem;}.verdict-footer {padding: 1.5rem;}.verdict-stars {font-size: 1.5rem;}.verdict-score {font-size: 1.5rem;}}.cta {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color: white;padding: 4rem 0;ext-align: center;}.cta__title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;}.cta__description {font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;max-width: 600px;margin-left: auto;margin-right: auto;}.cta__buttons {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}.btn {display: inline-block;padding: 12px 24px;border-radius: 25px;ext-decoration: none;font-weight: 600;ransition: all 0.3s ease;border: none;cursor: pointer;}.btn--primary {background: linear-gradient(135deg, #ff6b35, #f7931e);color: white;box-shadow: 0 4px 15px rgba(255, 107, 53, 0.2);position: relative;overflow: hidden;}.btn--primary::before {content: '';position: absolute;op: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);ransition: left 0.5s;}.btn--primary:hover::before {left: 100%;}.btn--primary:hover {ransform: translateY(-2px);box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);}.btn--secondary {background: transparent;color: white;border: 2px solid white;}.btn--secondary:hover {background: white;color: #1a1a2e;}.btn--outline {background: transparent;color: #ff6b35;border: 2px solid #ff6b35;}.btn--outline:hover {background: #ff6b35;color: white;}.btn--large {padding: 16px 32px;font-size: 1.1rem;}.footer {background: #1a1a2e;color: white;padding: 3rem 0 1rem;}/* =====================BREADCRUMB===================== */.breadcrumb {display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;font-size: 0.9rem;}.breadcrumb__link {color: #007bff;ext-decoration: none;ransition: color 0.2s ease;}.breadcrumb__link:hover {color: #0056b3;ext-decoration: underline;}.breadcrumb__separator {color: #6c757d;font-weight: 600;}.breadcrumb__current {color: #6c757d;font-weight: 500;}/* =====================SECTION NAVIGATION===================== */.section-nav {background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 12px;padding: 1.5rem;margin: 2rem 0;}.section-nav__title {font-size: 1.1rem;font-weight: 700;margin-bottom: 1rem;color: #1a1a1a;}.section-nav__links {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 0.75rem;}.section-nav__link {display: flex;align-items: center;padding: 0.75rem 1rem;background: #fff;border: 1px solid #e9ecef;border-radius: 8px;color: #007bff;ext-decoration: none;font-weight: 500;ransition: all 0.2s ease;}.section-nav__link:hover {background: #007bff;color: #fff;ransform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);}@media (max-width: 768px) {.section-nav__links {grid-template-columns: 1fr;}}/* =====================HOW-TO-PLAY TYPOGRAPHY===================== */.game-basics,.step-guide,.game-rules,.strategies,.tips,.official-rules {padding: 4rem 0;}.basics-content {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 3rem;align-items: flex-start;}.official-content {max-width: 1200px;margin: 0 auto;ext-align: center;}.basics-text h3,.official-content h3 {font-size: 1.4rem;font-weight: 700;margin: 1.25rem 0 0.5rem;color: #1a1a1a;}.basics-text p,.official-content p {color: #6c757d;line-height: 1.8;}.basics-img {width: 100%;height: auto;border-radius: 14px;box-shadow: 0 15px 35px rgba(0,0,0,0.1);}.official-content hr {border: none;border-top: 1px solid #e9ecef;margin: 1.25rem 0 1rem;}.rules-section {margin: 2rem 0;}.rules-container {max-width: 1200px;margin: 2rem auto;ext-align: center;}.rules-list {margin: 0 0 3rem 0;}.rule-item {display: flex;align-items: center;justify-content: center;gap: 1.5rem;padding: 1.5rem 0;border-bottom: 1px solid #e9ecef;ext-align: center;max-width: 600px;margin: 0 auto;}.rule-item:last-child {border-bottom: none;}.rule-number {flex-shrink: 0;width: 3rem;height: 3rem;background: linear-gradient(135deg, #667eea, #764ba2);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.2rem;}.rule-content {flex: 1;ext-align: center;}.rule-content h4 {font-weight: 700;margin-bottom: 0.5rem;color: #1a1a1a;font-size: 1.1rem;}.rule-content p {color: #6c757d;line-height: 1.7;margin: 0;}.example-box {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border: 1px solid #dee2e6;border-radius: 12px;padding: 2rem;margin: 2rem auto;max-width: 500px;ext-align: center;}.mechanic-section {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin: 2rem 0;align-items: center;padding: 2rem;background: #f8f9fa;border-radius: 16px;border: 1px solid #e9ecef;}.mechanic-content {flex: 1;}.mechanic-visual {flex: 1;ext-align: center;}.mechanic-img {width: 100%;max-width: 400px;height: auto;border-radius: 12px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.mechanic-img:hover {ransform: scale(1.02);}.mechanic-section:nth-child(even) {grid-template-columns: 1fr 1fr;}.mechanic-section:nth-child(even) .mechanic-visual {order: -1;}.mechanic-section h3 {font-size: 1.5rem;font-weight: 700;margin-bottom: 1rem;color: #1a1a1a;display: flex;align-items: center;gap: 0.5rem;}.mechanic-section p {color: #6c757d;line-height: 1.7;font-size: 1.1rem;}.example-step {margin-bottom: 1.5rem;padding: 1rem;background: #f8f9fa;border-radius: 8px;border-left: 4px solid #667eea;}.step-label {font-weight: 600;color: #495057;margin-bottom: 0.5rem;}.step-value {font-size: 1.2rem;font-weight: 700;color: #667eea;margin-bottom: 0.5rem;}.step-result {font-size: 0.9rem;color: #6c757d;background: #fff;padding: 0.5rem;border-radius: 4px;border: 1px solid #e9ecef;}.tips-box {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border: 1px solid #dee2e6;border-radius: 12px;padding: 2rem;margin: 2rem auto;max-width: 500px;ext-align: center;}.tips-box h4 {color: #1a1a1a;font-size: 1.1rem;font-weight: 700;margin-bottom: 1rem;display: flex;align-items: center;gap: 0.5rem;}.tips-list {list-style: none;padding: 0;margin: 0;}.tips-list li {padding: 0.5rem 0;color: #6c757d;font-size: 0.95rem;line-height: 1.5;ext-align: center;display: flex;align-items: center;justify-content: center;gap: 0.5rem;}.tips-list li::before {content: "💡";font-size: 0.8rem;}.stats-box {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 12px;padding: 2rem;margin: 2rem auto;max-width: 500px;ext-align: center;color: white;}.stats-box h4 {color: white;font-size: 1.1rem;font-weight: 700;margin-bottom: 1rem;display: flex;align-items: center;gap: 0.5rem;}.stat-item {display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}.stat-item:last-child {border-bottom: none;}.stat-label {color: rgba(255, 255, 255, 0.9);font-size: 0.9rem;}.stat-value {color: white;font-weight: 700;font-size: 1rem;}@media (max-width: 992px) {.mechanic-section {grid-template-columns: 1fr;gap: 2rem;ext-align: center;}.mechanic-section:nth-child(even) .mechanic-visual {order: 0;}.mechanic-img {max-width: 300px;}.rules-container {max-width: 100%;padding: 0 1rem;}.rule-item {max-width: 100%;}}.example-box {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border: 1px solid #dee2e6;border-radius: 16px;padding: 1.5rem;margin: 2rem auto;max-width: 500px;}.example-box h4 {color: #1a1a1a;margin-bottom: 1rem;font-size: 1.1rem;}.example-content {background: #fff;border-radius: 12px;padding: 1.25rem;border: 1px solid #e9ecef;}.example-content p {margin: 0.5rem 0;color: #495057;font-weight: 500;}.example-content strong {color: #1a1a1a;}.steps {display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1200px;margin: 0 auto;}.step {background: #fff;border: 1px solid #e9ecef;border-radius: 12px;padding: 2rem;box-shadow: 0 2px 10px rgba(0,0,0,0.06);ransition: all 0.3s ease;}.step:hover {ransform: translateY(-3px);box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.step__header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;}.step__number {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: linear-gradient(135deg, #667eea, #764ba2);color: white;border-radius: 50%;font-weight: 700;font-size: 1.2rem;}.step__title {font-size: 1.3rem;font-weight: 700;color: #1a1a1a;margin: 0;}.step__layout {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;align-items: start;}.step__text-column {display: flex;flex-direction: column;gap: 1rem;}.step__text {color: #6c757d;line-height: 1.7;margin: 0;font-size: 1rem;}.step__image-column {display: flex;justify-content: center;align-items: center;background: #f8f9fa;border-radius: 12px;padding: 0.75rem;max-width: 350px;margin: 0 auto;}.step__img {max-width: 100%;max-height: 250px;width: auto;height: auto;object-fit: contain;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);border: 2px solid #e9ecef;}.step__tips {margin-top: 0.75rem;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border: 1px solid #dee2e6;border-radius: 8px;padding: 0.75rem 1rem;border-left: 3px solid #667eea;}.step__tips h4 {font-size: 0.95rem;margin-bottom: 0.5rem;color: #1a1a1a;font-weight: 700;}.step__tips ul {padding-left: 1.25rem;color: #6c757d;line-height: 1.5;margin: 0;font-size: 0.9rem;}.step__tips ul li {margin-bottom: 0.25rem;}.game-rules {padding: 4rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}.rules-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin: 3rem 0;}.rule-card {background: #fff;border: 1px solid #e9ecef;border-radius: 16px;padding: 2rem;box-shadow: 0 4px 15px rgba(0,0,0,0.08);ransition: all 0.3s ease;ext-align: center;}.rule-card:hover {ransform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.12);border-color: #667eea;}.rule-icon {font-size: 3rem;margin-bottom: 1rem;display: block;}.rule-title {font-size: 1.3rem;font-weight: 700;color: #1a1a1a;margin-bottom: 1rem;}.rule-content {ext-align: left;}.rule-content ul {list-style: none;padding: 0;margin: 0;}.rule-content ul li {padding: 0.75rem 0;color: #6c757d;line-height: 1.6;position: relative;padding-left: 1.75rem;border-bottom: 1px solid #f0f0f0;}.rule-content ul li:last-child {border-bottom: none;}.rule-content ul li::before {content: "✓";position: absolute;left: 0;color: #667eea;font-weight: 700;font-size: 1.1rem;}.strategies-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; margin-top: 1.25rem; }.strategy-card { background: #fff; border: 1px solid #e9ecef; border-radius: 14px; padding: 1.25rem; box-shadow: 0 8px 22px rgba(0,0,0,0.06); }.strategy-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; }.strategy-icon { font-size: 1.4rem; }.strategy-title { font-weight: 700; color: #1a1a1a; }.strategy-risk { color: #ff6b35; font-weight: 600; }.strategy-content h4, .strategy-pros h5 { margin: .5rem 0; color: #1a1a1a; }.strategy-content ul, .strategy-pros ul { padding-left: 1rem; color: #6c757d; line-height: 1.6; }.tips-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; margin-top: 1.25rem; }.tip-card { background: #fff; border: 1px solid #e9ecef; border-radius: 14px; padding: 1.25rem; box-shadow: 0 8px 22px rgba(0,0,0,0.06); }.tip-icon { font-size: 1.4rem; margin-bottom: .5rem; }.tip-title { font-weight: 700; color: #1a1a1a; margin-bottom: .25rem; }.tip-text { color: #6c757d; line-height: 1.7; }@media (max-width: 992px) {.basics-content, .official-content { grid-template-columns: 1fr; }}.footer__content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-bottom: 2rem;}.footer__logo-img {height: 40px;width: auto;margin-bottom: 1rem;}.footer__title {font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;color: #ffd700;}.footer__description {color: #adb5bd;line-height: 1.6;margin-bottom: 1rem;}.footer__nav {list-style: none;}.footer__nav li {margin-bottom: 0.5rem;}.footer__link {color: #adb5bd;ext-decoration: none;ransition: color 0.3s ease;}.footer__link:hover {color: #ff6b35;}.contact-info {margin-bottom: 1.5rem;}.contact-item {display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.5rem;color: #adb5bd;}.contact-icon {flex-shrink: 0;}.social-links {margin-top: 1rem;}.social-title {color: #1a1a1a;font-size: 1rem;font-weight: 600;margin-bottom: 1rem;}.social-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem;}.social-link {display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;background: #f8f9fa;border-radius: 8px;color: #6c757d;ext-decoration: none;ransition: all 0.3s ease;font-size: 0.9rem;font-weight: 500;}.social-link:hover {background: #667eea;color: white;ransform: translateY(-2px);box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}.social-link svg {flex-shrink: 0;}@media (max-width: 768px) {.social-grid {grid-template-columns: 1fr;gap: 0.5rem;}.social-link {padding: 0.5rem 0.75rem;font-size: 0.85rem;}}.footer__bottom {border-top: 1px solid #495057;padding-top: 1rem;ext-align: center;color: #adb5bd;}.footer__copyright {margin-bottom: 0.5rem;}.footer__disclaimer {font-size: 0.9rem;opacity: 0.8;}@media (max-width: 768px) {.nav {display: none;}.mobile-menu-btn {display: flex;}.hero__content {grid-template-columns: 1fr;ext-align: center;}.hero__title {font-size: 2rem;}.hero__stats {justify-content: center;}.overview-content,.demo-content {grid-template-columns: 1fr;}.steps-grid {grid-template-columns: 1fr;}.features-grid {grid-template-columns: 1fr;}.casinos-grid {grid-template-columns: 1fr;}.casino-card {padding: 1.5rem;}.casino-name {font-size: 1.3rem;}.casino-description {font-size: 0.9rem;}.casino-bonus {padding: 1rem;}.casino-badge {op: 10px;right: 10px;padding: 0.4rem 0.8rem;font-size: 0.75rem;}.cta__buttons {flex-direction: column;align-items: center;}.footer__content {grid-template-columns: 1fr;ext-align: center;}}@media (max-width: 480px) {.container {padding: 0 15px;}.hero {padding: 2rem 0;}.hero__title {font-size: 1.8rem;}.section__title {font-size: 2rem;}.btn {padding: 10px 20px;font-size: 0.9rem;}}.hero--features {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}.hero--how-to-play {background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);}.hero--demo {background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);}.hero--casinos {background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);}.hero--about {background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);}.hero--privacy {background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);}.hero--responsible {background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);}.hero--disclosure {background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);}.game-mechanics {padding: 4rem 0;background: #f8f9fa;}.mechanics-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.mechanics-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.mechanics-list {list-style: none;padding-left: 0;}.mechanics-list li {padding: 0.5rem 0;color: #6c757d;}.mechanics-list strong {color: #1a1a1a;}.mechanics-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.feature-card--featured {border: 2px solid #ff6b35;position: relative;}.casino-badge {position: absolute;op: 15px;right: 15px;background: linear-gradient(135deg, #ff6b35, #f7931e);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.85rem;font-weight: 700;box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);ext-transform: uppercase;letter-spacing: 0.5px;z-index: 10;}.download-options {padding: 4rem 0;background: #f8f9fa;}.download-cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.download-card {background: white;padding: 2rem;border-radius: 16px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);ext-align: center;ransition: all 0.3s ease;border: 1px solid #e9ecef;position: relative;overflow: hidden;}.download-card::before {content: '';position: absolute;op: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #667eea, #764ba2);}.download-card:hover {ransform: translateY(-8px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);}.download-icon {font-size: 3rem;margin-bottom: 1rem;}.download-title {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.download-description {color: #6c757d;margin-bottom: 1.5rem;line-height: 1.6;}.download-features {margin-bottom: 2rem;}.download-feature {padding: 0.3rem 0;color: #6c757d;}.guide-tabs {margin: 3rem 0;}.tab-buttons {display: flex;gap: 1rem;margin-bottom: 2rem;flex-wrap: wrap;}.tab-btn {background: #f8f9fa;border: 1px solid #e9ecef;padding: 12px 24px;border-radius: 25px;cursor: pointer;ransition: all 0.3s ease;font-weight: 500;}.tab-btn.active {background: linear-gradient(45deg, #ff6b35, #f7931e);color: white;border-color: transparent;}.tab-panel {display: none;}.tab-panel.active {display: block;}.system-requirements {padding: 4rem 0;background: #f8f9fa;}.requirements-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin: 3rem 0;}.requirement-card {background: white;padding: 2rem;border-radius: 16px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);border: 1px solid #e9ecef;ransition: all 0.3s ease;}.requirement-card:hover {ransform: translateY(-4px);box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);}.requirement-icon {font-size: 2.5rem;margin-bottom: 1rem;display: block;}.requirement-title {font-size: 1.25rem;font-weight: 700;margin-bottom: 1rem;color: #1a1a1a;}.requirement-list {list-style: none;padding: 0;margin: 0;}.requirement-list li {padding: 0.5rem 0;color: #6c757d;position: relative;padding-left: 1.5rem;}.requirement-list li::before {content: "✓";position: absolute;left: 0;color: #28a745;font-weight: bold;}.requirement-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;}.requirement-icon {font-size: 3rem;margin-bottom: 1rem;}.requirement-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.requirement-item {display: flex;justify-content: space-between;padding: 0.5rem 0;border-bottom: 1px solid #f8f9fa;}.requirement-label {font-weight: 500;color: #6c757d;}.requirement-value {color: #1a1a1a;font-weight: 600;}.mission {padding: 4rem 0;background: #f8f9fa;}.mission-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.mission-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.mission-text p {margin-bottom: 1.5rem;color: #6c757d;line-height: 1.6;}.mission-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.values {padding: 4rem 0;}.values-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.value-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;ransition: transform 0.3s ease;}.value-card:hover {ransform: translateY(-5px);}.value-icon {font-size: 3rem;margin-bottom: 1rem;}.value-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.value-description {color: #6c757d;line-height: 1.6;}.team {padding: 4rem 0;background: #f8f9fa;}.team-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.team-member {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;}.member-photo {margin-bottom: 1.5rem;}.member-img {width: 120px;height: 120px;border-radius: 50%;object-fit: cover;margin: 0 auto;}.member-name {font-size: 1.3rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.member-position {color: #ff6b35;font-weight: 500;margin-bottom: 1rem;}.member-description {color: #6c757d;line-height: 1.6;margin-bottom: 1.5rem;}.member-skills {display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;}.skill {background: #f8f9fa;color: #6c757d;padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.9rem;}.experience {padding: 4rem 0;}.experience-timeline {max-width: 800px;margin: 3rem auto;}.timeline-item {display: flex;gap: 2rem;margin-bottom: 2rem;align-items: flex-start;}.timeline-year {background: linear-gradient(45deg, #ff6b35, #f7931e);color: white;padding: 0.5rem 1rem;border-radius: 20px;font-weight: 600;flex-shrink: 0;min-width: 80px;ext-align: center;}.timeline-content h3 {font-size: 1.3rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.timeline-content p {color: #6c757d;line-height: 1.6;}.services {padding: 4rem 0;background: #f8f9fa;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.service-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;ransition: transform 0.3s ease;}.service-card:hover {ransform: translateY(-5px);}.service-icon {font-size: 3rem;margin-bottom: 1rem;}.service-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.service-description {color: #6c757d;line-height: 1.6;}.contact {padding: 4rem 0;background: #f8f9fa;}.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin-top: 3rem;}.contact-item {display: flex;align-items: flex-start;gap: 1rem;margin-bottom: 1.5rem;}.contact-icon {font-size: 1.5rem;color: #ff6b35;margin-top: 0.2rem;}.contact-details h3 {font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.contact-details p {color: #6c757d;margin-bottom: 0.3rem;}.contact-details span {color: #adb5bd;font-size: 0.9rem;}.form {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}.form-group {margin-bottom: 1.5rem;}.form-group label {display: block;margin-bottom: 0.5rem;font-weight: 500;color: #1a1a1a;}.form-group input,.form-group textarea {width: 100%;padding: 12px;border: 1px solid #e9ecef;border-radius: 8px;font-size: 1rem;ransition: border-color 0.3s ease;}.form-group input:focus,.form-group textarea:focus {outline: none;border-color: #ff6b35;}.privacy-content {max-width: 800px;margin: 0 auto;padding: 2rem;background: white;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}.privacy-text h2 {font-size: 1.8rem;font-weight: 600;margin: 2rem 0 1rem 0;color: #1a1a1a;border-bottom: 2px solid #ff6b35;padding-bottom: 0.5rem;}.privacy-text h3 {font-size: 1.4rem;font-weight: 600;margin: 1.5rem 0 1rem 0;color: #1a1a1a;}.privacy-text p {margin-bottom: 1rem;color: #6c757d;line-height: 1.6;}.privacy-text ul {margin: 1rem 0;padding-left: 2rem;}.privacy-text li {margin-bottom: 0.5rem;color: #6c757d;line-height: 1.6;}.privacy-footer {margin-top: 3rem;padding-top: 2rem;border-top: 1px solid #e9ecef;ext-align: center;color: #6c757d;}.principles {padding: 4rem 0;background: #f8f9fa;}.principles-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.principle-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;ransition: transform 0.3s ease;}.principle-card:hover {ransform: translateY(-5px);}.principle-icon {font-size: 3rem;margin-bottom: 1rem;}.principle-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.principle-description {color: #6c757d;line-height: 1.6;}.warning-signs {padding: 4rem 0;}.signs-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.signs-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.signs-list {list-style: none;padding-left: 0;}.signs-list li {padding: 0.5rem 0;color: #6c757d;position: relative;padding-left: 1.5rem;}.signs-list li::before {content: '⚠️';position: absolute;left: 0;op: 0.5rem;}.signs-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.self-control {padding: 4rem 0;background: #f8f9fa;}.tools-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.tool-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.tool-card:hover {ransform: translateY(-5px);}.tool-icon {font-size: 3rem;margin-bottom: 1rem;}.tool-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.tool-description {color: #6c757d;line-height: 1.6;margin-bottom: 1.5rem;}.tool-tips h4 {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.tool-tips ul {list-style: none;padding-left: 0;}.tool-tips li {padding: 0.3rem 0;color: #6c757d;position: relative;padding-left: 1.5rem;}.tool-tips li::before {content: '💡';position: absolute;left: 0;op: 0.3rem;}.help-resources {padding: 4rem 0;}.resources-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.resource-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.resource-card:hover {ransform: translateY(-5px);}.resource-icon {font-size: 3rem;margin-bottom: 1rem;}.resource-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.resource-item {margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid #f8f9fa;}.resource-item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}.resource-item h4 {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.resource-item p {color: #6c757d;margin-bottom: 0.3rem;font-weight: 500;}.resource-item span {color: #adb5bd;font-size: 0.9rem;}.age-verification {padding: 4rem 0;background: #f8f9fa;}.age-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.age-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.age-list {list-style: none;padding-left: 0;}.age-list li {padding: 0.5rem 0;color: #6c757d;line-height: 1.6;}.age-list strong {color: #1a1a1a;}.age-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.what-is-affiliate {padding: 4rem 0;background: #f8f9fa;}.affiliate-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.affiliate-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.affiliate-text p {margin-bottom: 1.5rem;color: #6c757d;line-height: 1.6;}.affiliate-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.selection-principles {padding: 4rem 0;}.criteria-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.criterion-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;ransition: transform 0.3s ease;}.criterion-card:hover {ransform: translateY(-5px);}.criterion-icon {font-size: 3rem;margin-bottom: 1rem;}.criterion-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.criterion-description {color: #6c757d;line-height: 1.6;}.program-types {padding: 4rem 0;background: #f8f9fa;}.programs-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.program-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.program-card:hover {ransform: translateY(-5px);}.program-icon {font-size: 3rem;margin-bottom: 1rem;}.program-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.program-description {color: #6c757d;line-height: 1.6;margin-bottom: 1.5rem;}.program-details h4 {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.program-details ul {list-style: none;padding-left: 0;}.program-details li {padding: 0.3rem 0;color: #6c757d;position: relative;padding-left: 1.5rem;}.program-details li::before {content: '✓';position: absolute;left: 0;op: 0.3rem;color: #28a745;font-weight: bold;}.our-partners {padding: 4rem 0;}.partners-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin: 3rem 0;}.partner-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.partner-card:hover {ransform: translateY(-5px);}.partner-logo {ext-align: center;margin-bottom: 1.5rem;}.partner-img {height: 60px;width: auto;}.partner-name {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;ext-align: center;}.partner-description {color: #6c757d;line-height: 1.6;margin-bottom: 1.5rem;ext-align: center;}.partner-features {margin-bottom: 1.5rem;}.partner-features .feature {padding: 0.3rem 0;color: #6c757d;ext-align: center;}.transparency {padding: 4rem 0;background: #f8f9fa;}.transparency-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.transparency-text h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.transparency-text p {margin-bottom: 1.5rem;color: #6c757d;line-height: 1.6;}.transparency-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.registration-guide {padding: 4rem 0;background: #f8f9fa;}.guide-steps {max-width: 800px;margin: 3rem auto;}.step {display: flex;gap: 1.5rem;margin-bottom: 2rem;align-items: flex-start;}.step__number {background: linear-gradient(135deg, #667eea, #764ba2);color: white;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.2rem;flex-shrink: 0;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}.step__title {font-size: 1.3rem;font-weight: 600;margin-bottom: 0.5rem;color: #1a1a1a;}.step__text {color: #6c757d;line-height: 1.6;}.payment-methods {padding: 4rem 0;}.payment-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin: 3rem 0;}.payment-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ext-align: center;ransition: transform 0.3s ease;}.payment-card:hover {ransform: translateY(-5px);}.payment-icon {font-size: 3rem;margin-bottom: 1rem;}.payment-title {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: #1a1a1a;}.payment-description {color: #6c757d;line-height: 1.6;}.demo-comparison {padding: 4rem 0;background: #f8f9fa;}.comparison-table {max-width: 800px;margin: 3rem auto;background: white;border-radius: 16px;overflow: hidden;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);border: 1px solid #e9ecef;}.comparison-header {background: linear-gradient(45deg, #ff6b35, #f7931e);color: white;display: grid;grid-template-columns: 1fr 1fr 1fr;font-weight: 600;}.comparison-row {display: grid;grid-template-columns: 1fr 1fr 1fr;border-bottom: 1px solid #e9ecef;}.comparison-cell {padding: 1rem;ext-align: center;}.comparison-row:nth-child(even) {background: #f8f9fa;}.demo-cta {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 4rem 0;ext-align: center;}.demo-cta__title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;}.demo-cta__description {font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;max-width: 600px;margin-left: auto;margin-right: auto;}.demo-cta__buttons {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}.demo-guide {padding: 4rem 0;background: #f8f9fa;}.guide-steps {max-width: 900px;margin: 2rem auto 0;}.demo-benefits {padding: 4rem 0;background: #ffffff;}.benefits-content {display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 3rem;align-items: center;margin-top: 2rem;}.benefits-text h3 {font-size: 1.4rem;font-weight: 600;margin: 1rem 0 0.5rem;color: #1a1a1a;}.benefits-text p {color: #6c757d;line-height: 1.6;}.benefits-visual {display: flex;justify-content: center;}.benefits-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.demo-cta__content {max-width: 900px;margin: 0 auto;}.demo-embed {padding: 4rem 0;background: #f8f9fa;}.demo-frame-wrap {position: relative;width: 100%;max-width: 1100px;margin: 2rem auto 0;aspect-ratio: 16/9;background: #000;border-radius: 16px;overflow: hidden;box-shadow: 0 15px 40px rgba(0,0,0,0.2);border: 3px solid #fff;}.demo-frame-wrap::before {content: '';position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));pointer-events: none;z-index: 1;}.demo-iframe {position: absolute;op: 0;left: 0;width: 100%;height: 100%;border: 0;}.demo-placeholder {width: 100%;height: 600px;position: relative;border-radius: 12px;overflow: hidden;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);}.demo-preview {position: relative;width: 100%;height: 100%;}.demo-preview-img {width: 100%;height: 100%;object-fit: cover;filter: blur(2px);}.demo-overlay {position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(102, 126, 234, 0.8));display: flex;flex-direction: column;align-items: center;justify-content: center;ext-align: center;padding: 2rem;}.demo-info h3 {color: #ffffff;font-size: 2rem;font-weight: 700;margin-bottom: 0.5rem;}.demo-info p {color: rgba(255, 255, 255, 0.9);font-size: 1.1rem;margin-bottom: 1.5rem;}.demo-features {display: flex;gap: 0.5rem;margin-bottom: 2rem;flex-wrap: wrap;justify-content: center;}.feature-tag {background: rgba(255, 255, 255, 0.2);color: #ffffff;padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.9rem;font-weight: 500;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);}.demo-play-btn {background: linear-gradient(135deg, #ff6b35, #f7931e);color: #ffffff;border: none;padding: 1rem 2rem;border-radius: 50px;font-size: 1.1rem;font-weight: 700;cursor: pointer;ransition: all 0.3s ease;display: flex;align-items: center;gap: 0.5rem;box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);}.demo-play-btn:hover {ransform: translateY(-3px);box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4);background: linear-gradient(135deg, #f7931e, #ff6b35);}.demo-play-btn:disabled {opacity: 0.7;cursor: not-allowed;ransform: none;}.loading-spinner {animation: spin 1s linear infinite;}@keyframes spin {from { transform: rotate(0deg); }o { transform: rotate(360deg); }}@media (max-width: 768px) {.demo-placeholder {height: 400px;}.demo-info h3 {font-size: 1.5rem;}.demo-info p {font-size: 1rem;}.demo-features {gap: 0.25rem;margin-bottom: 1.5rem;}.feature-tag {padding: 0.4rem 0.8rem;font-size: 0.8rem;}.demo-play-btn {padding: 0.8rem 1.5rem;font-size: 1rem;}.demo-overlay {padding: 1.5rem;}}.demo-note {ext-align: center;margin-top: 1rem;color: #6c757d;}.demo-note a {color: #ff6b35;ext-decoration: none;}.demo-note a:hover {ext-decoration: underline;}.header__logo {display: flex;align-items: center;}.header__cta {display: flex;align-items: center;}.logo {display: flex;align-items: center;}.play-btn__text {position: relative;z-index: 1;}.hero__text {flex: 1;}.hero__image {flex: 1;display: flex;justify-content: center;align-items: center;}.overview-visual {display: flex;justify-content: center;align-items: center;}.features {padding: 4rem 0;background: #f8f9fa;}.how-to-play {padding: 4rem 0;}.step__content {flex: 1;padding: 1.5rem;background: #fff;border-radius: 12px;box-shadow: 0 4px 15px rgba(0,0,0,0.05);border: 1px solid #e9ecef;}.step__title {font-size: 1.25rem;font-weight: 700;margin-bottom: 0.75rem;color: #1a1a1a;}.step__text {color: #6c757d;line-height: 1.7;margin-bottom: 1rem;}.demo-text {flex: 1;}.demo-visual {flex: 1;display: flex;justify-content: center;align-items: center;}.demo-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.faq-content {max-width: 800px;margin: 0 auto;}.faq-item {border-bottom: 1px solid #e9ecef;margin-bottom: 1rem;}.faq-question {display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 0;cursor: pointer;font-weight: 600;color: #1a1a1a;}.faq-question:hover {color: #ff6b35;}.faq-arrow {font-size: 1.5rem;ransition: transform 0.3s ease;}.faq-item.active .faq-arrow {ransform: rotate(45deg);}.faq-answer {padding: 0 0 1.5rem 0;color: #6c757d;line-height: 1.6;display: none;}.faq-item.active .faq-answer {display: block;}.cta-content {ext-align: center;max-width: 800px;margin: 0 auto;}.cta-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;color: white;}.cta-description {font-size: 1.2rem;margin-bottom: 2rem;opacity: 0.9;color: white;}.cta-buttons {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-bottom: 2rem;}.footer-brand {flex: 1;}.footer-links {flex: 1;}.footer-info {flex: 1;}.footer-contact {flex: 1;}.footer-logo {margin-bottom: 1rem;}.footer-logo-img {height: 40px;width: auto;}.footer-title {font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;color: #ffd700;}.footer-description {color: #adb5bd;line-height: 1.6;margin-bottom: 1rem;}.footer-nav {list-style: none;}.footer-nav li {margin-bottom: 0.5rem;}.footer-link {color: #adb5bd;ext-decoration: none;ransition: color 0.3s ease;}.footer-link:hover {color: #ff6b35;}.footer-bottom {border-top: 1px solid #495057;padding-top: 1rem;ext-align: center;color: #adb5bd;}.footer-copyright {margin-bottom: 0.5rem;}.footer-disclaimer {font-size: 0.9rem;opacity: 0.8;}.mobile-app {padding: 4rem 0;background: #f8f9fa;}.mobile-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-top: 3rem;}.mobile-text h3 {font-size: 1.8rem;font-weight: 600;margin-bottom: 1.5rem;color: #1a1a1a;}.mobile-text p {margin-bottom: 2rem;color: #6c757d;line-height: 1.6;}.mobile-features {padding: 4rem 0;background: white;ext-align: center;}.mobile-features .section__title,.mobile-features .section__description {ext-align: center;max-width: 800px;margin-left: auto;margin-right: auto;}.mobile-features .features-grid {max-width: 1200px;margin: 3rem auto;}.mobile-feature {padding: 0.75rem 1rem;background: #f8f9fa;border-radius: 8px;color: #495057;font-weight: 500;border: 1px solid #e9ecef;}@media (max-width: 768px) {.mobile-features {padding: 3rem 0;}.mobile-features .features-grid {margin: 2rem auto;}}.download-buttons {display: flex;gap: 1rem;flex-wrap: wrap;}.mobile-visual {display: flex;justify-content: center;align-items: center;}.mobile-img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}.gallery {padding: 4rem 0;background: white;}.gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0;}.gallery-item {position: relative;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.gallery-item:hover {ransform: translateY(-5px);}.gallery-img {width: 100%;height: 250px;object-fit: cover;ransition: transform 0.3s ease;}.gallery-item:hover .gallery-img {ransform: scale(1.05);}.gallery-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));color: white;padding: 2rem 1.5rem 1.5rem;ransform: translateY(100%);ransition: transform 0.3s ease;}.gallery-item:hover .gallery-overlay {ransform: translateY(0);}.gallery-overlay h4 {font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;}.gallery-overlay p {font-size: 0.9rem;opacity: 0.9;}.reviews {padding: 4rem 0;background: #f8f9fa;}.reviews-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin: 3rem 0;}.review-card {background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);ransition: transform 0.3s ease;}.review-card:hover {ransform: translateY(-5px);}.review-header {margin-bottom: 1.5rem;}.reviewer-info {display: flex;align-items: center;gap: 1rem;}.reviewer-avatar {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}.avatar-img {width: 100%;height: 100%;object-fit: cover;}.reviewer-details {flex: 1;}.reviewer-name {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.3rem;color: #1a1a1a;}.review-rating {color: #ffd700;font-size: 1.1rem;}.review-content {margin-top: 1rem;}.review-text {color: #6c757d;line-height: 1.6;margin-bottom: 1rem;font-style: italic;}.review-date {font-size: 0.9rem;color: #adb5bd;ext-align: right;}@media (max-width: 768px) {.hero__title {font-size: 2.5rem;}.section__title {font-size: 2rem;}.overview-content,.demo-content,.mechanics-content,.mission-content,.signs-content,.affiliate-content,.transparency-content,.age-content {grid-template-columns: 1fr;}.guide-steps {max-width: 100%;}.step {padding: 1.5rem;}.step__header {flex-direction: row;margin-bottom: 1rem;}.step__number {width: 35px;height: 35px;font-size: 1rem;}.step__title {font-size: 1.1rem;}.step__layout {grid-template-columns: 1fr;gap: 1.5rem;}.step__text {font-size: 0.95rem;}.step__tips {padding: 1rem;}.step__tips h4 {font-size: 0.95rem;}.step__tips ul {font-size: 0.9rem;}.step__image-column {padding: 0.75rem;}.rules-grid {grid-template-columns: 1fr;gap: 1.5rem;}.rule-card {padding: 1.5rem;}.comparison-header,.comparison-row {grid-template-columns: 1fr;}.comparison-cell {border-bottom: 1px solid #e9ecef;}.comparison-cell:last-child {border-bottom: none;}.footer-content {grid-template-columns: 1fr;ext-align: center;}.mobile-content {grid-template-columns: 1fr;ext-align: center;}.gallery-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.reviews-grid {grid-template-columns: 1fr;}.benefits-content {grid-template-columns: 1fr;ext-align: center;}}@media (max-width: 480px) {.hero__title {font-size: 2rem;}.section__title {font-size: 1.8rem;}.hero__stats {flex-direction: column;gap: 1rem;}.cta__buttons,.demo-cta__buttons,.cta-buttons {flex-direction: column;align-items: center;}.btn {width: 100%;max-width: 300px;}}.how-to-play-demo {background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 4rem 0;position: relative;overflow: hidden;}.how-to-play-demo::before {content: '';position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.3;z-index: 0;}.how-to-play-demo .container {position: relative;z-index: 1;}.steps-demo {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin-top: 3rem;}.step-demo {background: #ffffff;border-radius: 20px;padding: 2rem;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);border: 1px solid rgba(255, 107, 53, 0.1);position: relative;ransition: all 0.3s ease;overflow: hidden;}.step-demo::before {content: '';position: absolute;op: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #ff6b35, #f7931e, #ff6b35);background-size: 200% 100%;animation: shimmer 3s ease-in-out infinite;}@keyframes shimmer {0%, 100% { background-position: 200% 0; }50% { background-position: -200% 0; }}.step-demo:hover {ransform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);border-color: rgba(255, 107, 53, 0.3);}.step-demo__number {width: 60px;height: 60px;background: linear-gradient(135deg, #ff6b35, #f7931e);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 700;margin-bottom: 1.5rem;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);position: relative;}.step-demo__number::after {content: '';position: absolute;op: -4px;left: -4px;right: -4px;bottom: -4px;border-radius: 50%;background: linear-gradient(135deg, #ff6b35, #f7931e);opacity: 0.2;z-index: -1;animation: pulse 2s ease-in-out infinite;}@keyframes pulse {0%, 100% { transform: scale(1); opacity: 0.2; }50% { transform: scale(1.1); opacity: 0.4; }}.step-demo__title {font-size: 1.4rem;font-weight: 700;color: #1a1a2e;margin-bottom: 1rem;line-height: 1.3;}.step-demo__text {color: #4a5568;line-height: 1.6;font-size: 1rem;}.step-demo:nth-child(1) .step-demo__number::before { content: '🚀'; }.step-demo:nth-child(2) .step-demo__number::before { content: '🎮'; }.step-demo:nth-child(3) .step-demo__number::before { content: '💰'; }.step-demo:nth-child(4) .step-demo__number::before { content: '🍭'; }.step-demo:nth-child(5) .step-demo__number::before { content: '🧠'; }.step-demo:nth-child(6) .step-demo__number::before { content: '🎯'; }.step-demo__number::before {position: absolute;op: 50%;left: 50%;ransform: translate(-50%, -50%);font-size: 1.2rem;}.step-demo__number {font-size: 0;}@media (max-width: 768px) {.steps-demo {grid-template-columns: 1fr;gap: 1.5rem;}.step-demo {padding: 1.5rem;}.step-demo__number {width: 50px;height: 50px;font-size: 1.2rem;}.step-demo__title {font-size: 1.2rem;}}@media (max-width: 480px) {.how-to-play-demo {padding: 2rem 0;}.step-demo {padding: 1.25rem;}.step-demo__number {width: 45px;height: 45px;}.step-demo__title {font-size: 1.1rem;}.step-demo__text {font-size: 0.95rem;}}.benefits-list {max-width: 800px;margin: 2rem auto 0;}.benefit-item {display: flex;align-items: flex-start;gap: 1.5rem;padding: 1.5rem 0;border-bottom: 1px solid #e2e8f0;ransition: all 0.2s ease;}.benefit-item:last-child {border-bottom: none;}.benefit-item:hover {background: rgba(255, 107, 53, 0.02);padding-left: 1rem;padding-right: 1rem;border-radius: 8px;}.benefit-number {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: linear-gradient(135deg, #ff6b35, #f7931e);color: white;border-radius: 50%;font-weight: 700;font-size: 1.1rem;flex-shrink: 0;box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);}.benefit-content {flex: 1;}.benefit-title {font-size: 1.2rem;font-weight: 600;color: #1a1a2e;margin-bottom: 0.5rem;line-height: 1.3;}.benefit-text {color: #4a5568;line-height: 1.5;font-size: 1rem;margin: 0;}@media (max-width: 768px) {.benefits-list {margin: 1.5rem auto 0;}.benefit-item {gap: 1rem;padding: 1.25rem 0;}.benefit-number {width: 35px;height: 35px;font-size: 1rem;}.benefit-title {font-size: 1.1rem;}.benefit-text {font-size: 0.95rem;}}@media (max-width: 480px) {.benefit-item {gap: 0.75rem;padding: 1rem 0;}.benefit-number {width: 32px;height: 32px;font-size: 0.9rem;}.benefit-title {font-size: 1rem;}.benefit-text {font-size: 0.9rem;}}.hero--about {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);position: relative;overflow: hidden;}.hero--about::before {content: '';position: absolute;op: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ninja-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23ff6b35" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23ninja-pattern)"/></svg>');opacity: 0.3;z-index: 0;}.hero--about .container {position: relative;z-index: 1;}.our-story {background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 4rem 0;position: relative;}.story-timeline {max-width: 800px;margin: 3rem auto 0;position: relative;}.story-timeline::before {content: '';position: absolute;left: 30px;op: 0;bottom: 0;width: 3px;background: linear-gradient(180deg, #ff6b35, #f7931e, #ff6b35);border-radius: 2px;}.timeline-item {display: flex;align-items: flex-start;gap: 2rem;margin-bottom: 3rem;position: relative;}.timeline-marker {width: 60px;height: 60px;background: linear-gradient(135deg, #ff6b35, #f7931e);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;flex-shrink: 0;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);position: relative;z-index: 2;}.timeline-content {flex: 1;background: white;padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);border: 1px solid rgba(255, 107, 53, 0.1);position: relative;}.timeline-content::before {content: '';position: absolute;left: -15px;op: 30px;width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid white;}.timeline-content h3 {font-size: 1.3rem;font-weight: 700;color: #1a1a2e;margin-bottom: 1rem;}.timeline-content p {color: #4a5568;line-height: 1.6;margin: 0;}.stats-section {background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);color: white;padding: 4rem 0;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 3rem;}.stat-card {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 20px;padding: 2rem;ext-align: center;ransition: all 0.3s ease;}.stat-card:hover {ransform: translateY(-5px);background: rgba(255, 255, 255, 0.15);}.stat-number {font-size: 3rem;font-weight: 800;color: #ff6b35;margin-bottom: 0.5rem;line-height: 1;}.stat-label {font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;}.stat-description {font-size: 0.95rem;opacity: 0.9;line-height: 1.4;}.team-section {background: #ffffff;padding: 4rem 0;}.team-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-top: 3rem;}.team-member {background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius: 20px;padding: 2rem;ext-align: center;border: 1px solid rgba(255, 107, 53, 0.1);ransition: all 0.3s ease;position: relative;overflow: hidden;}.team-member::before {content: '';position: absolute;op: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #ff6b35, #f7931e);}.team-member:hover {ransform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);}.member-avatar {width: 80px;height: 80px;background: linear-gradient(135deg, #ff6b35, #f7931e);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin: 0 auto 1.5rem;box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);}.member-name {font-size: 1.4rem;font-weight: 700;color: #1a1a2e;margin-bottom: 0.5rem;}.member-role {color: #ff6b35;font-weight: 600;margin-bottom: 1rem;font-size: 1rem;}.member-bio {color: #4a5568;line-height: 1.6;margin-bottom: 1.5rem;font-size: 0.95rem;}.member-stats {display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;}.stat {background: rgba(255, 107, 53, 0.1);color: #ff6b35;padding: 0.25rem 0.75rem;border-radius: 20px;font-size: 0.85rem;font-weight: 600;}.difference-section {background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);padding: 4rem 0;}.difference-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;margin-top: 3rem;}.difference-item {background: white;border-radius: 15px;padding: 2rem;ext-align: center;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);border: 1px solid rgba(255, 107, 53, 0.1);ransition: all 0.3s ease;}.difference-item:hover {ransform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}.difference-icon {font-size: 3rem;margin-bottom: 1rem;}.difference-title {font-size: 1.3rem;font-weight: 700;color: #1a1a2e;margin-bottom: 1rem;}.difference-description {color: #4a5568;line-height: 1.6;font-size: 0.95rem;}@media (max-width: 768px) {.story-timeline::before {left: 20px;}.timeline-item {gap: 1rem;}.timeline-marker {width: 40px;height: 40px;font-size: 1.2rem;}.timeline-content {padding: 1.5rem;}.timeline-content::before {left: -10px;border-right-width: 10px;}.stats-grid {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem;}.stat-number {font-size: 2.5rem;}.team-grid {grid-template-columns: 1fr;}.difference-grid {grid-template-columns: 1fr;}}@media (max-width: 480px) {.timeline-item {flex-direction: column;ext-align: center;}.timeline-content::before {display: none;}.stat-number {font-size: 2rem;}.member-avatar {width: 60px;height: 60px;font-size: 1.5rem;}}