@font-face{font-family:'Kalam';src:url('/yellow-container/fonts/kalam/Kalam-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face {font-family: 'Comic Neue';src: url('/yellow-container/fonts/ComicNeue-Regular.woff2') format('woff2');font-weight:400;font-style: normal;font-display: optional;}
@font-face {font-family: 'Comic-Fallback';src: local('Arial');size-adjust:105%;ascent-override:100%;descent-override:20%;}
body{font-family:'Kalam','Comic Neue', 'Comic-Fallback', 'Comic Sans MS', monospace, Arial, cursive, sans-serif;font-size-adjust: 0.5;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative;background:#ffffff url("/yellow-container/bgcache/default/default.jpg?ver_1_06-05-2026") center/cover no-repeat;}
/*body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('/bai/background-image.png') no-repeat center/cover fixed;opacity:1;z-index:-1;will-change:opacity;filter:blur(4px)}*/
#login-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;padding:20px}
.visually-hidden{display:none;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.login-container{display:flex;flex-direction:row;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);width:75%;height:75%;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.3)}
.login-form{margin-top:20px;width:60%;padding:20px;text-align:center;color:#fff}
input::placeholder{color:darkgrey}
input[type=text],input[type=password]{outline:none;color:#000;width:70%;padding:14px;font-size:16px;background:rgba(255,255,255,0.15);border:none;border-radius:8px;margin-bottom:15px;transition:background 0.3s}
input[type=text]:focus,input[type=password]:focus{background:rgba(255,255,255,0.25)}
.login-form input[type=submit]{width:80%;padding:14px;margin-top:5px;background:#4e54c8;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background 0.3s}
.login-form input[type=submit]:hover{background:#3b3fc1}
.login-form a{color:blue;text-decoration:none}
.login-form a:hover{text-decoration:underline}
@media(max-width:899px){.site-info{display:none}}
@media(min-width:768px){.site-info{width:40%;background:transparent;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}
.site-info h2{font-size:24px;margin-top:20px}
.site-info img{width:80%;height:auto;margin-bottom:15px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.4)}}
.close-btn{position:absolute;top:10px;right:10px;font-size:30px;color:#ccc;cursor:pointer}
.close-btn:hover{color:#fff}
@media(max-width:768px){.login-container{right:6%;width:98%;max-width:400px;margin:0;padding:0}.login-form{width:100%;margin-top:20px;padding:0}}
.bottom-options svg,
.modal-content svg,
.terms svg,
.login-form svg {
  flex-shrink: 0;
}
svg {
  display: inline-block;
  vertical-align: middle;
}

#verificationModal{display:none;color:#fff;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);padding-top:60px}
.modal-content{background:rgba(255,255,255,.15);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);margin:5% auto;padding:25px;border-radius:15px;border:1px solid rgba(255,255,255,.2);width:80%;max-width:400px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.25)}
.modal-content .forgot-password{background:rgba(255,255,255,0.15);padding:5px;border-radius:6px;display:flex;align-items:center}
.close{color:#fff;float:right;font-size:28px;font-weight:bold;cursor:pointer;transition:color .3s}
.close:hover,.close:focus{color:#fffa;font-weight:bold;text-decoration:none}

.bottom-options{color:#000;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:10px 20px}
.bottom-options .remember-me,.bottom-options .forgot-password{background:rgba(255,255,255,0.15);padding:5px;border-radius:6px;display:flex;align-items:center}
a {text-decoration:none;}
.bottom-options input[type=checkbox]{margin-right:5px}
.terms{display:flex;background:rgba(255,255,255,0.15);color:#000;padding:5px;border-radius:6px;justify-content:center;align-items:center;font-size:13px;margin:10px 40px 40px}
@media print{body{display:none!important}}