body{margin:0;background-color:#f0f0f0;font-family:'Rubik',sans-serif}.register-container{display:flex;justify-content:center;align-items:center;margin-top:15px;background-color:#f0f0f0}.register{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);width:100%;max-width:800px;box-sizing:border-box}.register h1{text-align:center;margin-bottom:20px;font-size:24px;color:#333}#form-container{display:flex;justify-content:space-between;flex-wrap:wrap}#left-container,#right-container{width:48%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#555}.form-group input,.form-group select{width:95%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}input[type="submit"]{width:50%;padding:10px;background-color:#007BFF;border:none;border-radius:4px;color:white;font-size:20px;cursor:pointer;transition:background-color .3s}input[type="submit"]:hover{background-color:#0056b3}.divider{display:flex;align-items:center;margin:20px 0}.divider .line{flex:1;height:1px;background:#ccc}.divider .word{margin:0 10px;color:#999}#submit-container{text-align:center;margin-top:20px}.register-link{text-align:center}.register-link a{color:#007BFF;text-decoration:none;transition:color .3s}.register-link a:hover{color:#0056b3}#register-message{text-align:center;color:red}#password-rules,#username-rules{display:none;color:red}@media (max-width:768px){#left-container,#right-container{width:100%}}.beta-info{border:solid 1px lightgray;padding:5px;border-radius:4px;text-align:center;font-size:13px}.ms-signup-container{text-align:center;margin-bottom:25px}.btn-microsoft{background-color:#2f2f2f;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px auto;font-size:16px;transition:background-color .3s}.btn-microsoft:hover{background-color:#0078d4}.btn-microsoft img{margin-right:10px}.ms-signup-note{font-size:12px;color:#666;margin-top:5px}.divider{display:flex;align-items:center;margin:25px 0}.divider .line{flex:1;height:1px;background-color:#ddd}.divider .word{padding:0 15px;color:#888;font-size:14px}.message-container{padding:12px 15px;border-radius:4px;margin-bottom:20px;animation:fadeIn .3s ease}.message-container.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-container.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}