@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-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='%2354656f' fill-opacity='0.08'%3E%3Cpath d='M25 18a6 6 0 1 0-6-6 6 6 0 0 0 6 6zm0-10a4 4 0 1 1-4 4 4 4 0 0 1 4-4zm-9 22a9 9 0 0 1 18 0v2h-18zm2 2h14v-2a7 7 0 0 0-14 0zM125 15a7 7 0 1 0 7 7 7 7 0 0 0-7-7zm-4 6a1.5 1.5 0 1 1 1.5-1.5A1.5 1.5 0 0 1 121 21zm6.5 0a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5zm-6 2.5a5 5 0 0 0 7 0 .8.8 0 1 0-1.1-1.1 3.4 3.4 0 0 1-4.8 0 .8.8 0 0 0-1.1 1.1zM72 10a4 4 0 0 0-4 4v5a4 4 0 0 0 4 4h7l4 4v-4a4 4 0 0 0 4-4v-5a4 4 0 0 0-4-4zm-2 9v-5a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-6l-3 3v-3h-4a2 2 0 0 1-2-2zM28 85l2.5 5 5.5.8-4 3.9 1 5.5-5-2.6-5 2.6 1-5.5-4-3.9 5.5-.8zm115-20a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm-3 5a3 3 0 1 1 3 3 3 3 0 0 1-3-3zM70 70l4 4-2.5 2.5-4-4-2.5 2.5-2.5-2.5 6.5-6.5zm-55 70l2.5 2.5-7 7-3.5-3.5 2.5-2.5 1 1 4.5-4.5zM130 135a5.5 5.5 0 0 0-5.5 5.5c0 4.1 5.5 8.5 5.5 8.5s5.5-4.4 5.5-8.5a5.5 5.5 0 0 0-5.5-5.5zm0 7.5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM75 130a4 4 0 0 0-4 4v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4zm-1 6v-2a2 2 0 0 1 4 0v2zm0 3h2v2h-2zM180 30a6 6 0 1 0-6-6 6 6 0 0 0 6 6zm-50 60a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm30 80l2.5 5 5.5.8-4 3.9 1 5.5-5-2.6-5 2.6 1-5.5-4-3.9 5.5-.8zm-140-60a7 7 0 1 0 7 7 7 7 0 0 0-7-7z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-attachment:fixed;background-size:280px 280px;}
/*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;background:#f8f8fc;border:none;width:75%;max-width:800px;height:75%;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 10px 10px 20px rgba(0, 0, 0, 0.5),inset -10px -10px 20px rgba(255, 255, 255, 0.05);}
.login-form{margin-top:20px;width:60%;padding:20px;text-align:center;color:#111}
input::placeholder{color:darkgrey}
input[type=text],input[type=password]{outline:none;color:#000;width:70%;padding:14px;font-size:16px;box-shadow:inset 10px 10px 20px rgba(0, 0, 0, 0.5),inset -10px -10px 20px rgba(255, 255, 255, 0.05);background:#f8fcfc;border:none;border-radius:8px;margin-bottom:5px;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,1);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:inset 10px 10px 20px rgba(0, 0, 0, 0.5),inset -10px -10px 20px rgba(255, 255, 255, 0.05);}
.modal-content .forgot-password{background:rgba(255,255,255,1);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:#fff;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}}