@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)}*/
#signup-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;padding:0;background:transparent}.signup-container{display:flex;flex-direction:row;background:rgba(255,255,255,1);border:none;width:75%;height:75%;border-radius:15px;overflow-y:auto;position:relative;box-shadow:inset 10px 10px 20px rgba(0, 0, 0, 0.5),inset -10px -10px 20px rgba(255, 255, 255, 0.05);padding:20px}
.right-side-box{width:70%;padding:20px;text-align:center;color:#111}
.site-info{width:30%;background:transparent;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#111}
.site-info img{width:80%;height:auto;margin-bottom:15px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.4)}
select#class_or_exam,input[type=text],input[type=password],input[type=file],input[type=date],input[type=tel],input[type=email]{outline:none;color:#000;max-width:300px;padding:14px;font-size:16px;background:rgba(255,255,255,1);border:none;box-shadow:inset 10px 10px 20px rgba(0, 0, 0, 0.5),inset -10px -10px 20px rgba(255, 255, 255, 0.05);border-radius:8px;margin-bottom:5px;transition:background .3s}
select#class_or_exam{appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}
select#class_or_exam:focus,input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,input[type=date]:focus,input[type=tel]:focus,input[type=email]:focus{background:rgba(255,255,255,0.25)}input::placeholder{color:#696969}label{margin-bottom:5px;font-size:13px;color:#fff}input[type=submit]{width:150px;padding:14px;margin-top:5px;background:#4e54c8;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}
input[type=submit]:hover{background:#3b3fc1}a{color:blue;text-decoration:none}a:hover{text-decoration:underline}
.visually-hidden{display:none;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.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}
.error-message{display:<?php echo !empty($error_message) ? 'block' : 'none'; ?>;color:red;font-size:12px;margin-top:5px}#success_message{display:<?php echo !empty($success_message) ? 'block' : 'none'; ?>;color:green;font-size:12px;margin-top:5px}
@media(max-width:899px){.site-info{display:none}}
@media(max-width:768px){body{flex-direction:column;align-items:center;width:100%;min-height:100vh;overflow-y:auto}#signup-modal{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}.signup-container{flex-direction:column;align-items:center;width:100%;max-width:400px;min-height:100%;padding:5px;margin:0 auto;}.right-side-box{margin:0 auto;width:100%;padding:0;display:flex;flex-direction:column;align-items:center}form{width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;align-items:center}select#class_or_exam,input[type=text],input[type=password],input[type=file],input[type=date],input[type=tel],input[type=email]{width:260px}input[type=submit]{width:150px;margin-top:5px}}@media print{body{display:none!important}}