/* General */
body{overflow:hidden!important;}
.external_wrap{ width: 100%; height: 100%; }
#login_logo { height:60px; }
.login_panel{position:relative;display:none;max-width:100%;width:350px;height:100%;padding:36px 20px 36px 20px;overflow:hidden;overflow-y:auto}
.login_body{width:100%;height:100%;overflow:hidden;overflow-y:auto}
.login_body.login_pbody{ width: calc(100% - 350px); }
.login_pbody .login_body_inner #intro_top #intro_top::before{ background-attachment: unset !important; }
.login_body_inner{display:block;max-width:94%;width:500px;margin:0 auto; color: #fff;}
.login_box,.login_box *{border-color:rgba(255,255,255,.15)!important}
#intro_top{position:relative;z-index:1;width:100%;height:100%; background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);}
#intro_top::before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url('./images/5background.webp');background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;opacity:.2}
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }
.lpanel_close{display:none;position:absolute;top:10px;right:10px;z-index:1;width:36px;height:36px}
.lpanel_cicon{ font-size: 18px; }
.lpanel_toggle{position:absolute;top:10px;left:20px;z-index:1;width:40px;height:40px}
.lpanel_ticon{ font-size: 18px; }

/* section css */
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }

@media screen and (max-width:1120px){
	.section_inside { width:96%; }
}
@media screen and (max-width: 930px){
	.login_panel{position:fixed;top:0;left:0;z-index:100}
	.login_pbody{width:100%!important}
	.lpanel_close{display: block;}
}

.maincontent1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.titlez {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 15px;
    border-radius: 15px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.maincontent1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent2{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent3{background:linear-gradient(135deg,#fc466b 0%,#3f5efb 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent4{background:linear-gradient(135deg,#fdbb2d 0%,#22c1c3 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent5{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent6{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent7{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent8{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent9{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent10{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent11{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.maincontent12{background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%);padding:20px;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,0.15)}
.headlinez{font-weight:600;font-size:32px;color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.textlinez{font-weight:400;font-size:16px!important;color:#f8f9fa!important}
.headlinez1{font-weight:600;font-size:28px;color:#fff!important;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.textlinez1{font-weight:400;font-size:16px!important;color:#fff!important;line-height:1.6}
.titlez{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:15px;border-radius:15px}
.room_btn{border-radius: 16px;}
.noreg_text { color: #a8e6cf; }
a{
    text-decoration:none;
}
.foot {
    margin: auto;
    border-bottom: 1px solid #EEE;
    text-align: center;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    border-radius: 15px;
    padding: 20px;
}
.foot nav {
    display: inline-block;
    margin: 10px 30px;
    text-align: right;
    vertical-align: top;
}
.foot nav a {
    display: block;
    text-decoration: none;
    font: 16px 'Segoe UI',Tahoma;
    padding: 8px 0;
    color: white;
    transition: all 0.3s ease;
}
.foot nav a:hover {
    transform: translateX(5px);
    color: #ffeb3b;
}
a:not(.nocolor) {
    color: #ffeb3b;
    font-weight: 500;
}

/* New button styles */
.intro_login_btn, .intro_guest_btn, .large_button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 25px;
    padding: 12px 30px;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.intro_login_btn:hover, .intro_guest_btn:hover, .large_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}