:root{--primary-color:#e44d26;--secondary-color:#333;--text-color:#555;--light-bg:#f8f8f8;--dark-bg:#222;--header-offset:122px;}body{font-family:'Arial',sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;margin:0;padding-top:var(--header-offset);}.page-spinplus-login__container{max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;}.page-spinplus-login__section{padding:40px 20px;margin-bottom:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);text-align:center;}.page-spinplus-login__section--dark{background-color:var(--dark-bg);color:#eee;}.page-spinplus-login__section-title{font-size:2.5em;color:var(--primary-color);margin-bottom:20px;font-weight:bold;}.page-spinplus-login__section-title--light{color:#eee;}.page-spinplus-login__section-subtitle{font-size:1.2em;margin-bottom:30px;color:var(--secondary-color);}.page-spinplus-login__section-subtitle--light{color:#ccc;}.page-spinplus-login__button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease,transform 0.3s ease;border:none;cursor:pointer;font-size:1em;margin:10px;}.page-spinplus-login__button:hover{background-color:#ff6633;transform:translateY(-2px);}.page-spinplus-login__button--secondary{background-color:#007bff;}.page-spinplus-login__button--secondary:hover{background-color:#0056b3;}/* HERO Section */.page-spinplus-login__hero-section{position:relative;background-color:var(--dark-bg);color:#fff;padding:100px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;min-height:500px;padding-top:10px;}.page-spinplus-login__hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.4;}.page-spinplus-login__hero-content{position:relative;z-index:1;max-width:900px;}.page-spinplus-login__hero-title{font-size:3.5em;margin-bottom:20px;line-height:1.2;color:#fff;}.page-spinplus-login__hero-description{font-size:1.3em;margin-bottom:40px;color:#ddd;}/* Payment Providers / Game Logos */.page-spinplus-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:30px 20px;background-color:var(--light-bg);border-radius:8px;margin-bottom:30px;}.page-spinplus-login__payment-logo{flex:0 0 auto;width:80px;height:80px;max-width:80px;max-height:80px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;}.page-spinplus-login__payment-logo img{display:block;width:80px !important;height:80px !important;max-width:80px !important;max-height:80px !important;object-fit:contain;}/* Introduction Section */.page-spinplus-login__intro-text{font-size:1.1em;line-height:1.8;margin-bottom:20px;text-align:left;}/* Quick Access Section */.page-spinplus-login__quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;}/* Core Games Section */.page-spinplus-login__games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px;}.page-spinplus-login__game-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;text-align:left;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;height:100%;}.page-spinplus-login__game-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}.page-spinplus-login__game-image{width:100%;height:200px;object-fit:cover;display:block;}.page-spinplus-login__game-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;}.page-spinplus-login__game-title{font-size:1.5em;margin-top:0;margin-bottom:10px;color:var(--primary-color);}.page-spinplus-login__game-description{font-size:0.95em;color:var(--text-color);flex-grow:1;margin-bottom:15px;}.page-spinplus-login__game-button{margin-top:auto;align-self:flex-start;padding:10px 20px;}/* Promotions Section */.page-spinplus-login__promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px;}.page-spinplus-login__promo-card{background-color:var(--light-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;text-align:left;padding:25px;display:flex;flex-direction:column;height:100%;}.page-spinplus-login__promo-title{font-size:1.6em;color:var(--primary-color);margin-bottom:10px;}.page-spinplus-login__promo-description{font-size:1em;color:var(--secondary-color);margin-bottom:20px;flex-grow:1;}.page-spinplus-login__promo-button{margin-top:auto;align-self:flex-start;padding:10px 20px;}/* Security & Customer Service */.page-spinplus-login__security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;text-align:left;}.page-spinplus-login__feature-item{background-color:var(--light-bg);padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.05);}.page-spinplus-login__feature-title{font-size:1.3em;color:var(--primary-color);margin-bottom:10px;}.page-spinplus-login__feature-description{font-size:0.95em;color:var(--text-color);}/* FAQ Section */.page-spinplus-login__faq-list{margin-top:30px;text-align:left;}.page-spinplus-login__faq-item{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}.page-spinplus-login__faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;padding:15px 0;}.page-spinplus-login__faq-question h3{font-size:1.2em;color:var(--secondary-color);margin:0;pointer-events:none;}.page-spinplus-login__faq-toggle{font-size:1.5em;font-weight:bold;color:var(--primary-color);transition:transform 0.3s ease;pointer-events:none;}.page-spinplus-login__faq-item.active .page-spinplus-login__faq-toggle{transform:rotate(45deg);}.page-spinplus-login__faq-answer{max-height:0;overflow:hidden;padding:0 15px;opacity:0;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s ease,opacity 0.4s ease;color:var(--text-color);font-size:0.95em;text-align:justify;}.page-spinplus-login__faq-item.active .page-spinplus-login__faq-answer{max-height:2000px !important;padding:20px 15px !important;opacity:1;}/* Blog Section */.page-spinplus-login__blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px;}.page-spinplus-login__blog-card{background-color:var(--light-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;text-align:left;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;height:100%;}.page-spinplus-login__blog-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}.page-spinplus-login__blog-image{width:100%;height:220px;object-fit:cover;display:block;}.page-spinplus-login__blog-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;}.page-spinplus-login__blog-title{font-size:1.4em;color:var(--primary-color);margin-top:0;margin-bottom:10px;}.page-spinplus-login__blog-summary{font-size:0.95em;color:var(--text-color);flex-grow:1;margin-bottom:15px;}.page-spinplus-login__blog-date{font-size:0.85em;color:#999;margin-bottom:10px;}.page-spinplus-login__blog-button{margin-top:auto;align-self:flex-start;padding:10px 20px;}/* Responsive Design */@media (max-width: 1024px){.page-spinplus-login__hero-title{font-size:2.8em;}.page-spinplus-login__hero-description{font-size:1.1em;}.page-spinplus-login__section-title{font-size:2em;}}@media (max-width: 768px){.page-spinplus-login__hero-section{padding:80px 15px;min-height:400px;}.page-spinplus-login__hero-title{font-size:2.2em;}.page-spinplus-login__hero-description{font-size:1em;}.page-spinplus-login__section{padding:30px 15px;}.page-spinplus-login__section-title{font-size:1.8em;}.page-spinplus-login__quick-access-grid,.page-spinplus-login__games-grid,.page-spinplus-login__promo-grid,.page-spinplus-login__security-features,.page-spinplus-login__blog-grid{grid-template-columns:1fr;}.page-spinplus-login__payment-providers{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;}.page-spinplus-login__payment-logo,.page-spinplus-login__payment-logo img{width:80px !important;height:80px !important;max-width:80px !important;max-height:80px !important;}/* List item responsiveness */.page-spinplus-login__quick-access-grid > *,.page-spinplus-login__games-grid > *,.page-spinplus-login__promo-grid > *,.page-spinplus-login__security-features > *,.page-spinplus-login__blog-grid > *{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;padding:15px !important;}.page-spinplus-login__quick-access-grid,.page-spinplus-login__games-grid,.page-spinplus-login__promo-grid,.page-spinplus-login__security-features,.page-spinplus-login__blog-grid{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:0 !important;margin-left:0 !important;margin-right:0 !important;}.page-spinplus-login__game-image,.page-spinplus-login__blog-image{max-width:100% !important;height:auto !important;box-sizing:border-box !important;}.page-spinplus-login__faq-answer{word-wrap:break-word !important;overflow-wrap:break-word !important;word-break:break-word !important;}.page-spinplus-login__faq-question h3{font-size:1.1em;}}@media (max-width: 480px){.page-spinplus-login__hero-title{font-size:1.8em;}.page-spinplus-login__hero-description{font-size:0.9em;}.page-spinplus-login__button{padding:10px 20px;font-size:0.9em;}.page-spinplus-login__section-title{font-size:1.5em;}.page-spinplus-login__game-title,.page-spinplus-login__promo-title,.page-spinplus-login__feature-title,.page-spinplus-login__blog-title{font-size:1.2em;}.page-spinplus-login__faq-question h3{font-size:1em;}}