.elementor-3326 .elementor-element.elementor-element-4236076{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}body.elementor-page-3326{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS */@charset "UTF-8";
body {
background-color: #000724 !important; /* 深藍底色 */
}
.login-section-1 {
height: 677px;
flex-shrink: 0;
background: url("https://lawinplayvip.com/wp-content/path/login/images/login-bg-1.webp") 50%/cover no-repeat;
font-family: "Inter", sans-serif;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%;
padding: 10px;
}
@media (max-width: 767.98px) {
.login-section-1 {
background: url("https://lawinplayvip.com/wp-content/path/login/images/login-mobile-bg-1.webp") bottom/cover no-repeat;
text-align: left;
}
}
.login-section-1 .login-section-1__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1274px;
width: 100%;
gap: 40px;
}
.login-section-1 .login-section-1__title {
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: linear-gradient(90deg, #fece3c 42.58%, #f3e48b 45.8%, #ab6918 48.78%, #fece3c 52.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 16px;
line-height: normal;
}
.login-section-1 .login-section-1__title .login-section-1__title-sm {
font-size: 30px;
}
@media (max-width: 767.98px) {
.login-section-1 .login-section-1__title {
font-size: 24px;
}
.login-section-1 .login-section-1__title .login-section-1__title-sm {
font-size: 18px;
}
}
.login-section-1 .login-section-1__btn {
display: flex;
height: 40px;
padding: 10px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 5px;
background: #f5bc36;
color: #013768;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%;
}
.login-section-1 a {
text-decoration: none;
}

.login-section-2 {
display: flex;
justify-content: center;
align-items: center;
font-family: "Inter", sans-serif;
padding: 40px 10px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
background: url("https://lawinplayvip.com/wp-content/path/login/images/login-bg2.webp") 50%/cover no-repeat;
}
.login-section-2 .login-section-2__container {
align-self: stretch;
display: flex;
flex-direction: column;
gap: 40px;
max-width: 1274px;
width: 100%;
}
.login-section-2 .login-section-2__title {
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: linear-gradient(90deg, #fece3c 42.58%, #f3e48b 45.8%, #ab6918 48.78%, #fece3c 52.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 16px;
text-align: center;
}
@media (max-width: 767.98px) {
.login-section-2 .login-section-2__title {
font-size: 18px;
}
}
.login-section-2 .login-section-2__des {
text-align: center;
}
@media (max-width: 767.98px) {
.login-section-2 .login-section-2__des {
text-align: left;
}
}
.login-section-2 .login-section-2__sub-title {
color: #f5bc36;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 767.98px) {
.login-section-2 .login-section-2__sub-title {
font-size: 18px;
}
}
.login-section-2 .login-section-2__sub-title .login-section-2__sub-title-icon {
width: 24px;
height: 24px;
background: url("https://lawinplayvip.com/wp-content/path/login/images/coin.png") 50%/cover no-repeat;
}
.login-section-2 .login-section-2__content-wrap {
display: flex;
padding: 16px 40px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
background: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box {
display: flex;
gap: 16px;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-num-box {
position: relative;
display: flex;
justify-content: center;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-num-box::after {
position: absolute;
content: "";
height: 100%;
width: 2px;
top: 0;
bottom: 0;
background: #fff;
z-index: 1;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-num {
display: flex;
width: 25px;
height: 25px;
padding: 2px 8px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12.5px;
border: 2px solid #f5bc36;
background: #013768;
position: relative;
z-index: 2;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-title {
color: #f5bc36;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 20.8px */
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-des {
padding: 16px 0;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__content-des ul {
list-style: disc;
padding-left: 16px;
line-height: 2;
}
.login-section-2 .login-section-2__content-wrap .login-section-2__content-box .login-section-2__blod {
font-weight: bold;
}
.login-section-2 img {
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}

.login-section-3 {
background: url("https://lawinplayvip.com/wp-content/path/login/images/login-bg-3.webp") 50%/cover no-repeat;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 10px;
font-family: "Inter", sans-serif;
}
.login-section-3 .login-section-3__container {
display: flex;
max-width: 1274px;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 80px;
}
.login-section-3 .login-section-3__sub-title {
color: #f5bc36;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 767.98px) {
.login-section-3 .login-section-3__sub-title {
font-size: 18px;
}
}
.login-section-3 .login-section-3__sub-title .login-section-3__sub-title-icon {
width: 24px;
height: 24px;
background: url("https://lawinplayvip.com/wp-content/path/login/images/coin.png") 50%/cover no-repeat;
}
.login-section-3 .login-section-3__card-group {
display: flex;
justify-content: center;
align-items: stretch;
gap: 40px;
align-self: stretch;
}
@media (max-width: 767.98px) {
.login-section-3 .login-section-3__card-group {
flex-wrap: wrap;
}
}
.login-section-3 .login-section-3__card {
max-width: 517px;
width: 100%;
min-width: 300px;
display: flex;
flex-direction: column;
}
.login-section-3 .login-section-3__card .login-section-3__card-title {
display: flex;
padding: 32px 8px 16px 8px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
background: #f5bc36;
color: #013768;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
border-radius: 5px 5px 0 0;
position: relative;
margin-bottom: 0 !important;
}
.login-section-3 .login-section-3__card .login-section-3__card-title .login-section-3__card-icon-computer,
.login-section-3 .login-section-3__card .login-section-3__card-title .login-section-3__card-icon-phone {
width: 60px;
height: 60px;
position: absolute;
top: -32px;
}
.login-section-3 .login-section-3__card .login-section-3__card-title .login-section-3__card-icon-computer {
background: url("https://lawinplayvip.com/wp-content/path/login/images/computer.webp") 50%/cover no-repeat;
}
.login-section-3 .login-section-3__card .login-section-3__card-title .login-section-3__card-icon-phone {
background: url("https://lawinplayvip.com/wp-content/path/login/images/smartphone.webp") 50%/cover no-repeat;
}
.login-section-3 .login-section-3__card .login-section-3__card-body {
display: flex;
padding: 16px;
flex-direction: column;
align-items: stretch;
height: 100%;
gap: 16px;
background: linear-gradient(180deg, #103b7b 0%, rgba(1, 5, 42, 0.8) 100%);
}
.login-section-3 .login-section-3__card .login-section-3__card-body .login-section-3__card-body-title {
color: #f5bc36;
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-bottom: 8px;
}
.login-section-3 .login-section-3__card .login-section-3__card-body .login-section-3__card-body-text {
font-size: 16px;
color: #fff;
padding-left: 16px;
line-height: 130%; /* 20.8px */
}
.login-section-3 .login-section-3__card .login-section-3__card-body .login-section-3__card-body-text ul {
list-style: disc;
padding-left: 18px;
}
.login-section-3 .login-section-3__card .login-section-3__card-body img {
width: 100%;
}
.login-section-3 .login-section-3__card .login-section-3__card-body .blod {
font-weight: bold;
}

.login-section-4 {
background: #103b7b;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 10px;
position: relative;
}
.login-section-4 .login-section-4__containter {
display: flex;
max-width: 1274px;
width: 100%;
flex-direction: column;
align-items: center;
gap: 40px;
font-family: "Inter", sans-serif;
color: #fff;
line-height: 130%; /* 20.8px */
font-size: 16px;
position: relative;
}
.login-section-4 .login-section-4__containter::after {
position: absolute;
content: "";
width: 300px;
height: 444px;
aspect-ratio: 25/37;
background: url("https://lawinplayvip.com/wp-content/path/login/images/phone.webp") 50%/cover no-repeat;
left: -250px;
bottom: 0;
}
@media (max-width: 1399.98px) {
.login-section-4 .login-section-4__containter::after {
display: none;
}
}
.login-section-4 .login-section-4__containter .login-section-4__title {
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: linear-gradient(90deg, #fece3c 42.58%, #f3e48b 45.8%, #ab6918 48.78%, #fece3c 52.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 24px;
text-align: center;
}
@media (max-width: 767.98px) {
.login-section-4 .login-section-4__containter .login-section-4__title {
font-size: 18px;
}
}
.login-section-4 .login-section-4__containter .login-section-4__des {
text-align: center;
}
@media (max-width: 767.98px) {
.login-section-4 .login-section-4__containter .login-section-4__des {
text-align: left;
}
}
.login-section-4 .login-section-4__containter .login-section-4__content-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 80px;
align-self: stretch;
}
.login-section-4 .login-section-4__containter .login-section-4__content-wrap .login-section-4__content-box {
display: flex;
width: 680px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
@media (max-width: 991.98px) {
.login-section-4 .login-section-4__containter .login-section-4__content-wrap .login-section-4__content-box {
align-items: center;
}
}
.login-section-4 .login-section-4__containter .login-section-4__content-wrap .login-section-4__content-box .highlight {
color: #f5bc36;
font-weight: 700;
}
.login-section-4 .login-section-4__containter .login-section-4__sub-title {
color: #f5bc36;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 767.98px) {
.login-section-4 .login-section-4__containter .login-section-4__sub-title {
font-size: 18px;
}
}
.login-section-4 .login-section-4__containter .login-section-4__sub-title .login-section-4__sub-title-icon {
width: 24px;
height: 24px;
background: url("https://lawinplayvip.com/wp-content/path/login/images/coin.png") 50%/cover no-repeat;
}
.login-section-4 .login-section-4__containter ul {
list-style: disc;
padding-left: 60px;
line-height: 1.5;
}
.login-section-4 .login-section-4__containter ul li {
margin-bottom: 16px;
}
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box {
display: flex;
align-items: center;
gap: 32px;
}
@media (max-width: 991.98px) {
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box {
display: none;
}
}
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box .login-section-4__qrcode {
display: flex;
width: 176px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 13px;
color: #f5bc36;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box .login-section-4__qrcode img {
width: 100%;
}
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box.mobile {
display: none;
}
@media (max-width: 991.98px) {
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box.mobile {
display: flex;
}
}
@media (max-width: 991.98px) {
.login-section-4 .login-section-4__containter .login-section-4__qrcode-box.mobile .login-section-4__qrcode {
width: 100px;
}
}

.login-section-5 {
background: #000724;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 10px;
position: relative;
z-index: 2;
}
@media (max-width: 991.98px) {
.login-section-5 {
padding-bottom: 80px;
}
}
.login-section-5::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 580px;
height: 136px;
flex-shrink: 0;
aspect-ratio: 145/34;
opacity: 0.1;
background: url("https://lawinplayvip.com/wp-content/path/login/images/lawinplay-logo.webp") center/contain no-repeat;
z-index: 1;
}
@media (max-width: 991.98px) {
.login-section-5::before {
width: 318px;
height: 75px;
flex-shrink: 0;
aspect-ratio: 106/25;
right: auto;
}
}
.login-section-5 .login-section-5__container {
display: flex;
max-width: 1282px;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 40px;
font-family: "Inter", sans-serif;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
}
.login-section-5 .login-section-5__container .login-section-5__title {
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: linear-gradient(90deg, #fece3c 42.58%, #f3e48b 45.8%, #ab6918 48.78%, #fece3c 52.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
align-self: stretch;
}
@media (max-width: 767.98px) {
.login-section-5 .login-section-5__container .login-section-5__title {
font-size: 18px;
}
}
.login-section-5 .login-section-5__container .login-section-5__swiper {
width: 100%;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
@media (max-width: 575.98px) {
.login-section-5 .login-section-5__container .login-section-5__swiper {
padding-bottom: 25px;
}
}
.login-section-5 .login-section-5__container .login-section-5__swiper .swiper-pagination {
bottom: 0px;
}
.login-section-5 .login-section-5__container .login-section-5__swiper .swiper-pagination .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.3);
}
.login-section-5 .login-section-5__container .login-section-5__swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #f5bc36;
}
.login-section-5 .login-section-5__container .login-section-5__card .swiper-slide {
width: 100%;
}
.login-section-5 .login-section-5__container .login-section-5__card-group {
display: flex;
justify-content: space-between;
align-self: stretch;
gap: 16px;
flex-wrap: wrap;
}
@media (max-width: 1399.98px) {
.login-section-5 .login-section-5__container .login-section-5__card-group {
justify-content: center;
}
}
@media (max-width: 575.98px) {
.login-section-5 .login-section-5__container .login-section-5__card-group {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
}
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card {
display: flex;
max-width: 400px;
width: 100%;
min-width: 300px;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 5px;
border: 2px solid #db2c2c;
background: rgba(0, 0, 0, 0.5);
height: 230px;
}
@media (max-width: 575.98px) {
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card {
width: 100%;
max-width: 100%;
min-width: 100%;
}
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card .login-section-5__card-list {
list-style: disc;
padding-left: 70px;
max-width: 350px;
width: 100%;
}
@media (max-width: 767.98px) {
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card .login-section-5__card-list {
padding-left: 20px;
}
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card-title {
color: #f5bc36;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 23.4px */
display: flex;
align-items: center;
gap: 16px;
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card-title .login-section-5__card-icon {
width: 32px;
height: 32px;
aspect-ratio: 1/1;
display: block;
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card-title .login-section-5__card-icon.password {
background: url("https://lawinplayvip.com/wp-content/path/login/images/password-1.webp") 50%/cover no-repeat;
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card-title .login-section-5__card-icon.user {
background: url("https://lawinplayvip.com/wp-content/path/login/images/user-1.webp") 50%/cover no-repeat;
}
.login-section-5 .login-section-5__container .login-section-5__card-group .login-section-5__card-title .login-section-5__card-icon.web {
background: url("https://lawinplayvip.com/wp-content/path/login/images/web-1.webp") 50%/cover no-repeat;
}
.login-section-5 .login-section-5__container .login-section-5__info {
position: relative;
display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 5px;
background: rgba(255, 255, 255, 0.1);
z-index: 1;
}
.login-section-5 .login-section-5__container .login-section-5__info::before {
content: "";
position: absolute;
inset: 0;
border-radius: 5px;
padding: 1px; /* 邊框厚度 */
background: linear-gradient(90deg, #fece3c 42.58%, #f3e48b 45.8%, #ab6918 48.78%, #fece3c 52.07%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
}
.login-section-5 .login-section-5__container .login-section-5__info .login-section-5__info-title {
display: flex;
gap: 8px;
align-items: center;
color: #f5bc36;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.login-section-5 .login-section-5__container .login-section-5__info .login-section-5__info-icon {
display: block;
width: 32px;
height: 32px;
aspect-ratio: 1/1;
background: url("https://lawinplayvip.com/wp-content/path/login/images/question.webp") 50%/cover no-repeat;
}
.login-section-5 .login-section-5__container .login-section-5__info .login-section-5__info-des {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */
padding-left: 58px;
}
.login-section-5 .login-section-5__container .login-section-5__info .login-section-5__info-des .bold {
font-weight: 700;
}/*# sourceMappingURL=styles.css.map *//* End custom CSS */