/* General styling for the betum login page */.page-betum-login{font-family:'Arial',sans-serif;color:#333;line-height:1.6;background-color:#f8f8f8;padding-top:10px;}@media (max-width:768px){.page-betum-login{padding-top:10px !important;}}/* Hero Section */.page-betum-login__hero-section{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:60px 20px;background-color:#0d1a26;color:#fff;gap:40px;text-align:left;}@media (max-width:768px){.page-betum-login__hero-section{flex-direction:column;padding:40px 15px;text-align:center;gap:30px;}}.page-betum-login__hero-content{max-width:600px;}@media (max-width:768px){.page-betum-login__hero-content{max-width:100%;}}.page-betum-login__hero-title{font-size:3.2em;margin-bottom:20px;color:#ffc107;line-height:1.2;}@media (max-width:768px){.page-betum-login__hero-title{font-size:2.2em;margin-bottom:15px;}}.page-betum-login__hero-description{font-size:1.2em;margin-bottom:30px;color:#e0e0e0;}@media (max-width:768px){.page-betum-login__hero-description{font-size:1em;margin-bottom:20px;}}.page-betum-login__hero-buttons{display:flex;gap:20px;flex-wrap:wrap;}@media (max-width:768px){.page-betum-login__hero-buttons{justify-content:center;gap:15px;}}.page-betum-login__button{display:inline-block;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:bold;font-size:1.1em;transition:background-color 0.3s ease, transform 0.3s ease;white-space:nowrap;}@media (max-width:768px){.page-betum-login__button{padding:12px 20px;font-size:1em;}}.page-betum-login__button--primary{background-color:#ffc107;color:#0d1a26;}.page-betum-login__button--primary:hover{background-color:#e0a800;transform:translateY(-2px);}.page-betum-login__button--secondary{background-color:transparent;color:#ffc107;border:2px solid #ffc107;}.page-betum-login__button--secondary:hover{background-color:#ffc107;color:#0d1a26;transform:translateY(-2px);}.page-betum-login__hero-image-wrapper{flex-shrink:0;max-width:500px;width:100%;box-sizing:border-box;}@media (max-width:768px){.page-betum-login__hero-image-wrapper{max-width:100%;}}.page-betum-login__hero-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.3);display:block;}@media (max-width:768px){.page-betum-login__hero-image{max-width:100% !important;height:auto !important;box-sizing:border-box !important;}}/* Section Title */.page-betum-login__section-title{text-align:center;font-size:2.5em;margin-bottom:50px;color:#0d1a26;padding-top:60px;}@media (max-width:768px){.page-betum-login__section-title{font-size:1.8em;margin-bottom:30px;padding-top:40px;}}/* Features Section */.page-betum-login__features-section{padding:0 20px 60px;max-width:1200px;margin:0 auto;}@media (max-width:768px){.page-betum-login__features-section{padding:0 15px 40px;}}.page-betum-login__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}@media (max-width:768px){.page-betum-login__features-grid{grid-template-columns:1fr;gap:20px;}}.page-betum-login__feature-item{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08);text-align:center;transition:transform 0.3s ease;box-sizing:border-box;}/* Important for responsive lists */.page-betum-login__feature-item:hover{transform:translateY(-5px);}@media (max-width:768px){.page-betum-login__feature-item{width:100% !important;max-width:100% !important;padding:20px;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;}}.page-betum-login__feature-icon{width:200px;/* Minimum size */height:150px;/* Example aspect ratio */object-fit:cover;margin-bottom:20px;border-radius:8px;display:block;margin-left:auto;margin-right:auto;}@media (max-width:768px){.page-betum-login__feature-icon{max-width:100% !important;height:auto !important;box-sizing:border-box !important;}}.page-betum-login__feature-title{font-size:1.5em;color:#0d1a26;margin-bottom:15px;}@media (max-width:768px){.page-betum-login__feature-title{font-size:1.2em;}}.page-betum-login__feature-description{font-size:1em;color:#555;}@media (max-width:768px){.page-betum-login__feature-description{font-size:0.9em;word-wrap:break-word !important;overflow-wrap:break-word !important;}}/* CTA Section */.page-betum-login__cta-section{background-color:#ffc107;padding:80px 20px;text-align:center;color:#0d1a26;margin-top:60px;}@media (max-width:768px){.page-betum-login__cta-section{padding:50px 15px;margin-top:40px;}}.page-betum-login__cta-title{font-size:2.8em;margin-bottom:20px;line-height:1.2;}@media (max-width:768px){.page-betum-login__cta-title{font-size:2em;margin-bottom:15px;}}.page-betum-login__cta-description{font-size:1.3em;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto;}@media (max-width:768px){.page-betum-login__cta-description{font-size:1.1em;margin-bottom:30px;}}/* FAQ Section */.page-betum-login__faq-section{padding:60px 20px;max-width:900px;margin:0 auto;}@media (max-width:768px){.page-betum-login__faq-section{padding:40px 15px;}}.page-betum-login__faq-container{border-top:1px solid #ddd;padding:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;}.page-betum-login__faq-item{border-bottom:1px solid #ddd;box-sizing:border-box;width:100%;margin-left:0;margin-right:0;}@media (max-width:768px){.page-betum-login__faq-item{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:0 !important;margin-right:0 !important;}}.page-betum-login__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;cursor:pointer;background-color:#fff;transition:background-color 0.3s ease;user-select:none;}.page-betum-login__faq-question:hover{background-color:#f0f0f0;}.page-betum-login__faq-question h3{margin:0;font-size:1.2em;color:#0d1a26;flex-grow:1;text-align:left;pointer-events:none;}@media (max-width:768px){.page-betum-login__faq-question h3{font-size:1em;word-wrap:break-word !important;overflow-wrap:break-word !important;word-break:break-word !important;}}.page-betum-login__faq-toggle{font-size:1.8em;color:#ffc107;margin-left:15px;transition:transform 0.3s ease;pointer-events:none;}.page-betum-login__faq-item.active .page-betum-login__faq-toggle{transform:rotate(45deg);}.page-betum-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;background-color:#fdfdfd;}.page-betum-login__faq-item.active .page-betum-login__faq-answer{max-height:2000px !important;padding:20px 15px !important;opacity:1;}@media (max-width:768px){.page-betum-login__faq-item.active .page-betum-login__faq-answer{padding:15px 10px !important;}.page-betum-login__faq-answer p{font-size:0.9em;word-wrap:break-word !important;overflow-wrap:break-word !important;}}/* Floating Buttons */.page-betum-login__floating-buttons{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:1000;}@media (max-width:768px){.page-betum-login__floating-buttons{bottom:15px;right:15px;flex-direction:row;width:calc(100% - 30px);justify-content:center;left:15px;}}.page-betum-login__floating-button{display:flex;align-items:center;justify-content:center;width:100px;height:50px;border-radius:25px;text-decoration:none;font-weight:bold;font-size:1.1em;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.2s ease, background-color 0.2s ease;}@media (max-width:768px){.page-betum-login__floating-button{flex:1;width:auto;height:45px;font-size:1em;}}.page-betum-login__floating-button--login{background-color:#ffc107;color:#0d1a26;}.page-betum-login__floating-button--login:hover{background-color:#e0a800;transform:translateY(-2px);}.page-betum-login__floating-button--register{background-color:#0d1a26;color:#ffc107;border:2px solid #ffc107;}.page-betum-login__floating-button--register:hover{background-color:#1a344d;transform:translateY(-2px);}/* Ensure images are responsive */.page-betum-login img{max-width:100%;height:auto;box-sizing:border-box;}@media (max-width:768px){.page-betum-login img{max-width:100% !important;height:auto !important;box-sizing:border-box !important;}}/* General responsive adjustments */@media (max-width:480px){.page-betum-login__hero-title{font-size:1.8em;}.page-betum-login__hero-description{font-size:0.9em;}.page-betum-login__section-title{font-size:1.6em;}.page-betum-login__cta-title{font-size:1.8em;}.page-betum-login__cta-description{font-size:1em;}}