.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.register-title{font-size:1.6rem;font-weight:400;margin-bottom:25px;text-align:center}.form-group{width:380px}.input-field{margin-bottom:12px}.checkbox-container{display:flex;align-items:center;justify-content:center;width:100%;margin:10px 0 20px;font-size:.95rem}.checkbox-container input[type=checkbox]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#444}.terms-text{cursor:pointer;text-decoration:underline;color:#fff}.btn-register{width:80%;padding:12px;border:none;border-radius:6px;background-color:#7b7b7b;color:#fff;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;text-align:center;box-sizing:border-box;font-family:inherit}.btn-register:active{transform:scale(.98)}.btn-register:hover{background-color:#888}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:1000;align-items:center;justify-content:center}.modal-content{background-color:#444;width:80%;max-width:900px;max-height:80vh;border-radius:8px;padding:30px;overflow-y:auto;position:relative;box-shadow:0 5px 15px #00000080;color:#fff}.modal-title{text-align:center;font-size:1.8rem;margin-top:0;margin-bottom:25px;font-weight:400}.modal-body p{font-size:.95rem;line-height:1.6;margin-bottom:15px;text-align:justify;color:#e0e0e0}.close-btn{position:absolute;top:15px;right:20px;font-size:1.5rem;color:#fff;cursor:pointer;background:none;border:none;outline:none}.close-btn:hover{color:#aaa}