body{font-family:'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;margin:0;padding:0;color:#333;line-height:1.6;background-color:#f8f8f8}.page-sg777-live-login{padding-top:10px;overflow-x:hidden}.page-sg777-live-login__hero-section{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:40px 20px;box-sizing:border-box;background-color:#0d1a26}.page-sg777-live-login__hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.6)}.page-sg777-live-login__hero-content{position:relative;z-index:1;max-width:900px}.page-sg777-live-login__hero-title{font-size:3.5em;margin-bottom:20px;line-height:1.2;color:#ffc107;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.page-sg777-live-login__hero-subtitle{font-size:1.5em;margin-bottom:30px;color:#eee}.page-sg777-live-login__hero-buttons{display:flex;gap:20px;justify-content:center}.page-sg777-live-login__btn{display:inline-block;padding:15px 30px;background-color:#ffc107;color:#0d1a26;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1em;transition:background-color .3s ease,transform .3s ease;border:none;cursor:pointer}.page-sg777-live-login__btn:hover{background-color:#e0a800;transform:translateY(-3px)}.page-sg777-live-login__btn--secondary{background-color:#007bff;color:#fff}.page-sg777-live-login__btn--secondary:hover{background-color:#0056b3}.page-sg777-live-login__section{padding:60px 20px;text-align:center;max-width:1200px;margin:0 auto;box-sizing:border-box}.page-sg777-live-login__section:nth-of-type(even){background-color:#f0f2f5}.page-sg777-live-login__section-title{font-size:2.5em;margin-bottom:40px;color:#0d1a26}.page-sg777-live-login__section-subtitle{font-size:1.2em;color:#555;margin-bottom:40px}.page-sg777-live-login__content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.page-sg777-live-login__card{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,.1);padding:30px;text-align:left;transition:transform .3s ease}.page-sg777-live-login__card:hover{transform:translateY(-10px)}.page-sg777-live-login__card-icon{width:80px;height:80px;margin-bottom:20px;display:block}.page-sg777-live-login__card-title{font-size:1.8em;margin-bottom:15px;color:#0d1a26}.page-sg777-live-login__card-description{font-size:1em;color:#555}.page-sg777-live-login__quick-access-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.page-sg777-live-login__quick-access-item{flex:1 1 200px;max-width:250px}.page-sg777-live-login__game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}.page-sg777-live-login__game-card{background-color:#fff;border-radius:15px;box-shadow:0 6px 12px rgba(0,0,0,.08);overflow:hidden;text-align:center;transition:transform .3s ease}.page-sg777-live-login__game-card:hover{transform:translateY(-8px)}.page-sg777-live-login__game-image{width:100%;height:200px;object-fit:cover;display:block}.page-sg777-live-login__game-content{padding:20px}.page-sg777-live-login__game-title{font-size:1.5em;margin-bottom:10px;color:#0d1a26}.page-sg777-live-login__game-description{font-size:.95em;color:#666;margin-bottom:15px}.page-sg777-live-login__promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.page-sg777-live-login__promo-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,.1);overflow:hidden;text-align:left;transition:transform .3s ease}.page-sg777-live-login__promo-card:hover{transform:translateY(-10px)}.page-sg777-live-login__promo-image{width:100%;height:220px;object-fit:cover;display:block}.page-sg777-live-login__promo-content{padding:25px}.page-sg777-live-login__promo-title{font-size:1.8em;margin-bottom:10px;color:#0d1a26}.page-sg777-live-login__promo-description{font-size:1em;color:#555;margin-bottom:20px}.page-sg777-live-login__faq-list{list-style:none;padding:0;text-align:left;margin-top:40px}.page-sg777-live-login__faq-item{background-color:#fff;border-radius:10px;margin-bottom:15px;box-shadow:0 4px 8px rgba(0,0,0,.05);overflow:hidden}.page-sg777-live-login__faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:1.2em;font-weight:600;color:#0d1a26;cursor:pointer;user-select:none;background-color:#fdfdfd;border-bottom:1px solid #eee}.page-sg777-live-login__faq-question h3{margin:0;pointer-events:none;color:#0d1a26}.page-sg777-live-login__faq-toggle{font-size:1.5em;font-weight:700;pointer-events:none;transition:transform .3s ease}.page-sg777-live-login__faq-item.active .page-sg777-live-login__faq-toggle{transform:rotate(45deg)}.page-sg777-live-login__faq-answer{max-height:0;overflow:hidden;padding:0 25px;color:#555;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease,opacity .4s ease;opacity:0}.page-sg777-live-login__faq-item.active .page-sg777-live-login__faq-answer{max-height:2000px!important;padding:20px 25px!important;opacity:1}.page-sg777-live-login__blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.page-sg777-live-login__blog-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,.1);overflow:hidden;text-align:left;transition:transform .3s ease}.page-sg777-live-login__blog-card:hover{transform:translateY(-10px)}.page-sg777-live-login__blog-image{width:100%;height:200px;object-fit:cover;display:block}.page-sg777-live-login__blog-content{padding:25px}.page-sg777-live-login__blog-date{font-size:.9em;color:#999;margin-bottom:10px}.page-sg777-live-login__blog-title{font-size:1.5em;margin-bottom:10px;color:#0d1a26;text-decoration:none}.page-sg777-live-login__blog-title:hover{text-decoration:underline}.page-sg777-live-login__blog-excerpt{font-size:1em;color:#555}.page-sg777-live-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:#f0f2f5}.page-sg777-live-login__payment-logo{flex:0 0 auto;width:80px;height:80px;max-width:80px;max-height:80px;box-sizing:border-box}.page-sg777-live-login__payment-logo img{display:block;width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;object-fit:contain}.page-sg777-live-login__floating-buttons{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:15px}.page-sg777-live-login__floating-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#ffc107;color:#0d1a26;border-radius:50%;font-size:1.2em;box-shadow:0 4px 8px rgba(0,0,0,.2);text-decoration:none;transition:background-color .3s ease}.page-sg777-live-login__floating-btn:hover{background-color:#e0a800}.page-sg777-live-login__floating-btn--register{background-color:#007bff;color:#fff}.page-sg777-live-login__floating-btn--register:hover{background-color:#0056b3}@media (max-width:1024px){.page-sg777-live-login__hero-title{font-size:3em}.page-sg777-live-login__hero-subtitle{font-size:1.3em}.page-sg777-live-login__section-title{font-size:2em}}@media (max-width:768px){.page-sg777-live-login__hero-section{min-height:400px;padding:30px 15px}.page-sg777-live-login__hero-title{font-size:2.5em}.page-sg777-live-login__hero-subtitle{font-size:1.1em}.page-sg777-live-login__hero-buttons{flex-direction:column;gap:15px}.page-sg777-live-login__btn{padding:12px 25px;font-size:1em}.page-sg777-live-login__section{padding:40px 15px}.page-sg777-live-login__section-title{font-size:1.8em}.page-sg777-live-login__section-subtitle{font-size:1em}.page-sg777-live-login__content-grid{grid-template-columns:1fr;gap:20px}.page-sg777-live-login__card{padding:25px}.page-sg777-live-login__card-title{font-size:1.5em}.page-sg777-live-login__quick-access-list{flex-direction:column;gap:15px}.page-sg777-live-login__quick-access-item{max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.page-sg777-live-login__quick-access-item .page-sg777-live-login__btn{width:100%}.page-sg777-live-login__game-grid{grid-template-columns:1fr;gap:20px}.page-sg777-live-login__game-image{height:180px}.page-sg777-live-login__game-title{font-size:1.3em}.page-sg777-live-login__promo-grid{grid-template-columns:1fr;gap:20px}.page-sg777-live-login__promo-image{height:200px}.page-sg777-live-login__promo-title{font-size:1.5em}.page-sg777-live-login__faq-question{padding:15px 20px;font-size:1.1em}.page-sg777-live-login__faq-question h3{word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important}.page-sg777-live-login__faq-answer{padding:0 20px;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important}.page-sg777-live-login__faq-item.active .page-sg777-live-login__faq-answer{padding:15px 20px!important}.page-sg777-live-login__blog-grid{grid-template-columns:1fr;gap:20px}.page-sg777-live-login__blog-image{height:180px}.page-sg777-live-login__blog-title{font-size:1.3em}.page-sg777-live-login__payment-providers{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;padding:30px 15px}.page-sg777-live-login__payment-logo,.page-sg777-live-login__payment-logo img{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important}.page-sg777-live-login__floating-buttons{bottom:15px;right:15px;gap:10px}.page-sg777-live-login__floating-btn{width:50px;height:50px;font-size:1em}}.page-sg777-live-login img{max-width:100%!important;height:auto!important;box-sizing:border-box!important}.page-sg777-live-login__card img,.page-sg777-live-login__game-image,.page-sg777-live-login__promo-image,.page-sg777-live-login__blog-image{width:100%;height:auto;object-fit:cover;display:block;box-sizing:border-box}.page-sg777-live-login__card-icon{width:80px;height:80px;margin-bottom:20px;display:block}