body{font-family:monospace,Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative;background-image: url("/yellow-container/bgcache/default/default.jpg");background-size: cover;background-repeat: no-repeat;background-position: center center;background-attachment: fixed;}
/*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;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,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);width:75%;height:75%;border-radius:15px;overflow-y:auto;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.3);padding:20px}
.right-side-box{width:50%;padding:20px;text-align:center;color:#fff}
.site-info{width:50%;background:transparent;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}
.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,0.15);border:none;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}}