/* Base styles for the page */.page-helpslotwin-login {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color: #e0e0e0;background-color: #1a1a2e;line-height: 1.6;overflow-x: hidden; /* Prevent horizontal scroll */}/* Ensure images are responsive and not colored by filters */.page-helpslotwin-login img {max-width: 100%;height: auto;display: block;filter: none; /* Explicitly disable any filter that changes color */}/* Section styling */.page-helpslotwin-login section {padding: 40px 20px;margin-bottom: 20px;background-color: #16213e;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}.page-helpslotwin-login h1,.page-helpslotwin-login h2,.page-helpslotwin-login h3 {color: #e94560; /* Accent color */text-align: center;margin-bottom: 25px;}.page-helpslotwin-login h1 {font-size: 2.8em;margin-bottom: 15px;}.page-helpslotwin-login h2 {font-size: 2.2em;margin-bottom: 20px;}.page-helpslotwin-login h3 {font-size: 1.6em;margin-bottom: 15px;}.page-helpslotwin-login p {text-align: center;margin-bottom: 15px;max-width: 800px;margin-left: auto;margin-right: auto;}/* Call to Action Buttons */.page-helpslotwin-login a.page-helpslotwin-login__hero-button,.page-helpslotwin-login a.page-helpslotwin-login__introduction-cta,.page-helpslotwin-login a.page-helpslotwin-login__access-button,.page-helpslotwin-login a.page-helpslotwin-login__game-button,.page-helpslotwin-login a.page-helpslotwin-login__promo-button,.page-helpslotwin-login a.page-helpslotwin-login__contact-button,.page-helpslotwin-login a.page-helpslotwin-login__blog-read-more {display: inline-block;padding: 12px 25px;border-radius: 5px;text-decoration: none;font-weight: bold;transition: background-color 0.3s ease, transform 0.2s ease;text-align: center;margin: 10px;}.page-helpslotwin-login__hero-button--primary,.page-helpslotwin-login__introduction-cta,.page-helpslotwin-login__game-button,.page-helpslotwin-login__promo-button,.page-helpslotwin-login__contact-button,.page-helpslotwin-login__blog-read-more {background-color: #e94560; /* Primary accent */color: #fff;}.page-helpslotwin-login__hero-button--primary:hover,.page-helpslotwin-login__introduction-cta:hover,.page-helpslotwin-login__game-button:hover,.page-helpslotwin-login__promo-button:hover,.page-helpslotwin-login__contact-button:hover,.page-helpslotwin-login__blog-read-more:hover {background-color: #ff6a80;transform: translateY(-2px);}.page-helpslotwin-login__hero-button--secondary,.page-helpslotwin-login__access-button {background-color: #0f3460; /* Secondary accent */color: #fff;border: 1px solid #e94560;}.page-helpslotwin-login__hero-button--secondary:hover,.page-helpslotwin-login__access-button:hover {background-color: #1a5290;transform: translateY(-2px);}/* HERO Section */.page-helpslotwin-login__hero-section {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center;min-height: 500px;padding-top: 10px; /* Small decorative padding, body has main padding */padding-bottom: 40px;background-color: #0f3460; /* Darker background for hero */}/* Adjust for potential fixed header, if shared.css doesn't apply body padding-top */.page-helpslotwin-login.page-content:first-child {padding-top: var(--header-offset, 122px);}.page-helpslotwin-login__hero-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;opacity: 0.3; /* Subtle background image */}.page-helpslotwin-login__hero-content {position: relative;z-index: 2;max-width: 900px;padding: 20px;}.page-helpslotwin-login__hero-subtitle {font-size: 1.3em;margin-bottom: 30px;color: #c0c0c0;}.page-helpslotwin-login__hero-buttons {display: flex;justify-content: center;flex-wrap: wrap;}/* Payment Providers Section */.page-helpslotwin-login__payment-providers {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 30px;width: 100%;max-width: 100%;box-sizing: border-box;padding: 40px 20px;background-color: #0a1931; /* Slightly different background for distinction */margin-bottom: 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}.page-helpslotwin-login__payment-title {width: 100%;margin-bottom: 30px;color: #e0e0e0;}.page-helpslotwin-login__payment-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;width: 100%;}.page-helpslotwin-login__payment-logo {flex: 0 0 auto;width: 80px;height: 80px;max-width: 80px;max-height: 80px;box-sizing: border-box;object-fit: contain;}/* Introduction Section */.page-helpslotwin-login__introduction-features {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 40px;margin-bottom: 40px;}.page-helpslotwin-login__feature-item {background-color: #0f3460;padding: 25px;border-radius: 8px;text-align: center;max-width: 300px;flex: 1 1 300px;box-sizing: border-box;}.page-helpslotwin-login__feature-icon {width: 80px;height: 80px;margin: 0 auto 20px;object-fit: contain;}.page-helpslotwin-login__feature-title {color: #e94560;margin-bottom: 10px;}.page-helpslotwin-login__feature-description {color: #c0c0c0;}/* Quick Access Section */.page-helpslotwin-login__access-links {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;margin-top: 30px;}/* Core Games Section */.page-helpslotwin-login__game-categories {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 30px;}.page-helpslotwin-login__game-card {background-color: #0f3460;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);max-width: 320px;flex: 1 1 300px;box-sizing: border-box;text-align: center;display: flex;flex-direction: column;}.page-helpslotwin-login__game-image {width: 100%;height: 200px;object-fit: cover;margin-bottom: 15px;}.page-helpslotwin-login__game-name {color: #e94560;margin-bottom: 10px;padding: 0 15px;}.page-helpslotwin-login__game-text {color: #c0c0c0;padding: 0 15px;flex-grow: 1;}.page-helpslotwin-login__game-button {margin-top: auto; /* Push button to bottom */margin-bottom: 15px;}/* Promotions Section */.page-helpslotwin-login__promo-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 30px;}.page-helpslotwin-login__promo-card {background-color: #0f3460;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);max-width: 350px;flex: 1 1 300px;box-sizing: border-box;text-align: center;display: flex;flex-direction: column;}.page-helpslotwin-login__promo-image {width: 100%;height: 220px;object-fit: cover;margin-bottom: 15px;}.page-helpslotwin-login__promo-name {color: #e94560;margin-bottom: 10px;padding: 0 15px;}.page-helpslotwin-login__promo-text {color: #c0c0c0;padding: 0 15px;flex-grow: 1;}.page-helpslotwin-login__promo-button {margin-top: auto;margin-bottom: 15px;}/* Security & Customer Service Section */.page-helpslotwin-login__security-customer-service-section {padding-bottom: 60px; /* More space for the contact button */}.page-helpslotwin-login__service-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 30px;margin-bottom: 30px;}.page-helpslotwin-login__service-item {background-color: #0f3460;padding: 25px;border-radius: 8px;text-align: center;max-width: 300px;flex: 1 1 300px;box-sizing: border-box;}.page-helpslotwin-login__service-icon {width: 80px;height: 80px;margin: 0 auto 20px;object-fit: contain;}.page-helpslotwin-login__service-name {color: #e94560;margin-bottom: 10px;}.page-helpslotwin-login__service-text {color: #c0c0c0;}/* FAQ Section */.page-helpslotwin-login__faq-section {text-align: left;}.page-helpslotwin-login__faq-title {text-align: center;}.page-helpslotwin-login__faq-list {max-width: 800px;margin: 30px auto 0;}.page-helpslotwin-login__faq-item {background-color: #0a1931;margin-bottom: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.page-helpslotwin-login__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background-color: #0f3460;cursor: pointer;user-select: none;transition: background-color 0.3s ease;}.page-helpslotwin-login__faq-question:hover {background-color: #1a5290;}.page-helpslotwin-login__faq-question h3 {margin: 0;color: #e0e0e0;font-size: 1.2em;flex-grow: 1;text-align: left;pointer-events: none; /* Prevent h3 from blocking click event */}.page-helpslotwin-login__faq-toggle {font-size: 1.8em;color: #e94560;transition: transform 0.3s ease;pointer-events: none; /* Prevent span from blocking click event */}.page-helpslotwin-login__faq-item.active .page-helpslotwin-login__faq-toggle {transform: rotate(45deg); /* Change + to X or similar */}.page-helpslotwin-login__faq-answer {max-height: 0;overflow: hidden;padding: 0 20px; /* Initial padding */opacity: 0;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;}.page-helpslotwin-login__faq-item.active .page-helpslotwin-login__faq-answer {max-height: 2000px !important; /* Sufficiently large */padding: 20px !important; /* Expanded padding */opacity: 1;}.page-helpslotwin-login__faq-answer p {margin: 0;text-align: left;color: #c0c0c0;}/* Blog Section */.page-helpslotwin-login__blog-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;margin-top: 30px;}.page-helpslotwin-login__blog-card {background-color: #0f3460;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);max-width: 350px;flex: 1 1 300px;box-sizing: border-box;display: flex;flex-direction: column;text-align: left;}.page-helpslotwin-login__blog-image {width: 100%;height: 200px;object-fit: cover;}.page-helpslotwin-login__blog-content {padding: 20px;flex-grow: 1;display: flex;flex-direction: column;}.page-helpslotwin-login__blog-post-title {color: #e94560;font-size: 1.3em;margin-top: 0;margin-bottom: 10px;text-align: left;}.page-helpslotwin-login__blog-excerpt {color: #c0c0c0;font-size: 0.95em;margin-bottom: 20px;text-align: left;flex-grow: 1;}.page-helpslotwin-login__blog-read-more {align-self: flex-start;margin-top: auto;padding: 8px 15px;font-size: 0.9em;border-radius: 4px;}/* Responsive Design */@media (max-width: 1024px) {.page-helpslotwin-login h1 {font-size: 2.4em;}.page-helpslotwin-login h2 {font-size: 1.8em;}.page-helpslotwin-login h3 {font-size: 1.4em;}.page-helpslotwin-login__hero-subtitle {font-size: 1.1em;}}@media (max-width: 768px) {.page-helpslotwin-login section {padding: 30px 15px;}.page-helpslotwin-login h1 {font-size: 2em;}.page-helpslotwin-login h2 {font-size: 1.6em;}.page-helpslotwin-login h3 {font-size: 1.2em;}.page-helpslotwin-login p {font-size: 0.9em;}.page-helpslotwin-login__hero-section {min-height: 400px;padding-bottom: 30px;}.page-helpslotwin-login__hero-content {padding: 15px;}.page-helpslotwin-login__hero-subtitle {font-size: 1em;margin-bottom: 20px;}.page-helpslotwin-login__hero-button {padding: 10px 20px;font-size: 0.9em;margin: 8px;}/* Payment Providers specific mobile rules */.page-helpslotwin-login__payment-providers {flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 16px;padding: 30px 15px;}.page-helpslotwin-login__payment-logo,.page-helpslotwin-login__payment-logo img {width: 80px !important;height: 80px !important;max-width: 80px !important;max-height: 80px !important;}/* General list item responsive rules */.page-helpslotwin-login__introduction-features,.page-helpslotwin-login__game-categories,.page-helpslotwin-login__promo-grid,.page-helpslotwin-login__service-grid,.page-helpslotwin-login__blog-grid {flex-direction: column;align-items: center;gap: 20px;}.page-helpslotwin-login__feature-item,.page-helpslotwin-login__game-card,.page-helpslotwin-login__promo-card,.page-helpslotwin-login__service-item,.page-helpslotwin-login__blog-card {width: 100% !important;max-width: 90% !important; /* Constrain slightly for padding */box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding-left: 15px;padding-right: 15px;}.page-helpslotwin-login__game-card,.page-helpslotwin-login__promo-card,.page-helpslotwin-login__blog-card {max-width: 320px !important; /* Max width for cards on mobile */}/* Ensure text within these items wraps */.page-helpslotwin-login__feature-description,.page-helpslotwin-login__game-text,.page-helpslotwin-login__promo-text,.page-helpslotwin-login__service-text,.page-helpslotwin-login__blog-excerpt {word-wrap: break-word !important;overflow-wrap: break-word !important;word-break: break-word !important;text-align: center; /* Center text for single column layout */}.page-helpslotwin-login__blog-content,.page-helpslotwin-login__blog-post-title,.page-helpslotwin-login__blog-excerpt {text-align: left; /* Keep blog content left aligned */}/* Quick Access links mobile */.page-helpslotwin-login__access-links {flex-direction: column;gap: 10px;}.page-helpslotwin-login__access-button {width: 90% !important;max-width: 300px !important;margin: 0 auto !important;}/* FAQ mobile */.page-helpslotwin-login__faq-question {padding: 12px 15px;}.page-helpslotwin-login__faq-question h3 {font-size: 1.1em;}.page-helpslotwin-login__faq-toggle {font-size: 1.5em;}.page-helpslotwin-login__faq-answer {padding: 0 15px; /* Initial padding */}.page-helpslotwin-login__faq-item.active .page-helpslotwin-login__faq-answer {padding: 15px !important; /* Expanded padding */}/* Image responsive on mobile */.page-helpslotwin-login img:not(.page-helpslotwin-login__payment-logo) {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;}}@media (max-width: 480px) {.page-helpslotwin-login h1 {font-size: 1.8em;}.page-helpslotwin-login h2 {font-size: 1.4em;}.page-helpslotwin-login h3 {font-size: 1.1em;}.page-helpslotwin-login__hero-subtitle {font-size: 0.9em;}.page-helpslotwin-login__hero-button {width: 100%;max-width: 250px;}.page-helpslotwin-login__faq-question h3 {font-size: 1em;}}